.refrigerator-banner-container { position: relative; width: 100%; overflow: hidden; min-height: 500px; }  .refrigerator-banner-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(252, 253, 255, 0.95) 30%, rgba(245, 248, 255, 0.9) 60%, rgba(235, 240, 255, 0.85) 80%, rgba(225, 230, 255, 0.8) 100% ); z-index: 1; }    .refrigerator-banner-grid { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(200, 210, 230, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(200, 210, 230, 0.1) 1px, transparent 1px); background-size: 30px 30px; background-position: 0 0; z-index: 2; opacity: 0; animation: refrigeratorBannerGridFade 6s ease-in-out infinite alternate; }  @keyframes refrigeratorBannerBgShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }  .refrigerator-banner-content { position: relative; z-index: 100; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: 0 auto; padding: 0rem 8%; width: 100%; box-sizing: border-box; padding-top:0; }  .refrigerator-banner-text { flex: 1; min-width: 300px; padding-right: 2rem; box-sizing: border-box; }  .refrigerator-banner-title { font-size: 2.5rem; margin: 0 0 1.5rem 0; color: #1a365d; line-height: 1.6; font-weight: 700; }  .refrigerator-banner-subtitle { font-size: 1.1rem; color: #2d3748; line-height: 2.2; margin: 0 0 3rem 0; max-width: 800px; }  .refrigerator-banner-button { background-color: #2563eb; color: white; border: none; padding: 1.3rem 3rem; font-size: 1rem; font-weight: 600; border-radius: 6px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.2); text-decoration:none; }  .refrigerator-banner-button:hover { background-color: #1d4ed8; transform: translateY(-2px); box-shadow: 0 6px 8px -1px rgba(37, 99, 235, 0.3); }  .refrigerator-banner-image { flex:0.8; box-sizing: border-box; }  .refrigerator-banner-img { width: 100%; height: auto; border-radius: 8px; transition: transform 0.3s ease; }  .refrigerator-banner-img:hover { transform: translateY(-5px); }  @media (max-width: 768px) { .refrigerator-banner-content { flex-direction: column; padding: 2rem 1rem; }  .refrigerator-banner-text { padding-right: 0; margin-bottom: 2rem; text-align: center; }  .refrigerator-banner-title { font-size: 2rem; }  .refrigerator-banner-image { width: 100%; max-width: 400px; } }   .refrigerator-feature-section { padding: 4rem 8%; margin: 0 auto; padding-top:2.5rem; }  .refrigerator-feature-title { text-align: center; font-size: 2.5rem; margin-bottom: 3rem; color: #333; font-weight: 600; }  .refrigerator-feature-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; }  .refrigerator-feature-card { background-color: #fff; border-radius: 12px; padding: 2rem; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; overflow: hidden; }  .refrigerator-feature-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 6px; }  .refrigerator-feature-card:hover { transform: translateY(-5px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); }    .refrigerator-feature-icon { margin-bottom: 1.5rem; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }  .refrigerator-feature-card-1 .refrigerator-feature-icon { color: #4285F4; } .refrigerator-feature-card-1{ background-color: rgba(66, 133, 244, 0.04); }  .refrigerator-feature-card-2 .refrigerator-feature-icon {  color: #34A853; }  .refrigerator-feature-card-2{ background-color: rgba(52, 168, 83, 0.04); }  .refrigerator-feature-card-3 .refrigerator-feature-icon {  color: #FBBC05; }  .refrigerator-feature-card-3{ background-color: rgba(251, 188, 5, 0.04); }  .refrigerator-feature-card-4 .refrigerator-feature-icon {  color: #EA4335; }  .refrigerator-feature-card-4{ background-color: rgba(234, 67, 53, 0.04); }  .refrigerator-feature-card-title { font-size: 1.5rem; margin-bottom: 1rem; color: #202124; font-weight: 500; }  .refrigerator-feature-card-desc { font-size: 1rem; line-height: 1.6; color: #5F6368; margin: 0; }  @media (max-width: 768px) { .refrigerator-feature-container { grid-template-columns: 1fr; }  .refrigerator-feature-title { font-size: 2rem; } }   .refrigerator-feature-icon img{ width:3rem; }  .refrigerator-parms-container { margin: 0 auto; padding: 2rem 8%; background-color: #ffffff; border-radius: 8px; padding-top:0; }  .refrigerator-parms-title { color: #2c3e50; font-size: 2.5rem; margin-bottom: 1.5rem; font-weight: 600; padding-bottom: 0.5rem; text-align:center; }  .refrigerator-parms-table { width: 100%; border-collapse: collapse; margin-bottom: 1rem; }  .refrigerator-parms-section-header { background-color: #f8f9fa; }  .refrigerator-parms-section-title { color: #2980b9; font-size: 1.3rem; font-weight: 600; padding: 0.8rem 1rem; text-align: left; border-bottom: 2px solid #e1e4e8; text-align: center; background: #cccccc; color:#333; }  .refrigerator-parms-row { border-bottom: 1px solid #f1f1f1; transition: background-color 0.2s ease; }  .refrigerator-parms-row:hover { background-color: #f9f9f9; }  .refrigerator-parms-label { font-weight: 500; color: #34495e; padding: 0.7rem 1rem; width: 40%; background-color: #f4f7f9; }  .refrigerator-parms-value { color: #555555; padding: 0.7rem 1rem; width: 60%; line-height: 1.6; }  @media (max-width: 768px) { .refrigerator-parms-container { padding: 1rem; }  .refrigerator-parms-title { font-size: 1.5rem; }  .refrigerator-parms-section-title { font-size: 1.1rem; }  .refrigerator-parms-label, .refrigerator-parms-value { display: block; width: 100%; box-sizing: border-box; }  .refrigerator-parms-label { background-color: #eaf2f8; padding-bottom: 0.3rem; }  .refrigerator-parms-value { padding-top: 0.3rem; padding-bottom: 1rem; } }    .refrigerator-pic-container { margin: 0 auto; padding: 2rem 8%; background-color: #ffffff; border-radius: 8px; padding-top:0;  }  .refrigerator-pic-title { color: #2d3748; font-size: 2.5rem; font-weight: 600; margin-bottom: 2rem; text-align: center; padding-bottom: 2.5rem; }  .refrigerator-pic-images { display: flex; flex-wrap: wrap; gap: 2rem; justify-content: center; }  .refrigerator-pic-image-wrapper { flex: 1; min-width: 300px; max-width: 550px; position: relative; background-color: #f7fafc; border-radius: 6px; padding: 1rem; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }  .refrigerator-pic-image { width: 100%; height: auto; border-radius: 4px; display: block; margin: 0 auto; border: 1px solid #e2e8f0; }  .refrigerator-pic-caption { text-align: center; margin-top: 1rem; color: #4a5568; font-weight: 500; padding: 0.5rem; border-radius: 4px; }   .refrigerator-foot-container { position: relative; overflow: hidden; padding: 6rem 2rem; background: #0062ff ; text-align: center; margin-top: 4rem; }  .refrigerator-foot-content { position: relative; z-index: 2; max-width: 800px; margin: 0 auto; }  .refrigerator-foot-heading { font-size: 2.6rem; color: #ffffff; margin-bottom: 2.5rem; line-height: 1.8; font-weight: 600; letter-spacing: -0.02em; transition: transform 0.5s ease; }    .refrigerator-foot-button { background: #ffffff; color: #1565c0; border: none; padding: 1.2rem 3rem; font-size: 1.1rem; font-weight: 600; border-radius: 50px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2); text-transform: uppercase; letter-spacing: 0.05em; text-decoration:none; }  .refrigerator-foot-button:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 6px 20px rgba(255, 255, 255, 0.3); }  .refrigerator-foot-button:active { transform: translateY(1px); }  .refrigerator-foot-spot { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.1); z-index: 1; animation: rotate 20s linear infinite; }  .spot-1 { width: 200px; height: 200px; top: 10%; left: 5%; animation-duration: 30s; }  .spot-2 { width: 150px; height: 150px; bottom: 15%; right: 10%; animation-duration: 25s; animation-direction: reverse; }  .spot-3 { width: 100px; height: 100px; top: 40%; right: 20%; animation-duration: 20s; }  .spot-4 { width: 120px; height: 120px; bottom: 30%; left: 15%; animation-duration: 35s; animation-direction: reverse; }  .refrigerator-foot-glow { position: absolute; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%); top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; animation: pulse 15s ease-in-out infinite; }  @keyframes rotate { from { transform: rotate(0deg) translate(10px) rotate(0deg); } to { transform: rotate(360deg) translate(10px) rotate(-360deg); } }  @keyframes pulse { 0% { transform: translate(-50%, -50%) scale(1); opacity: 0.3; } 50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.5; } 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.3; } }  @media (max-width: 768px) { .refrigerator-foot-heading { font-size: 1.8rem; }  .refrigerator-foot-button { padding: 1rem 2.5rem; font-size: 1rem; }  .refrigerator-foot-container { padding: 4rem 1.5rem; }  .refrigerator-foot-spot { transform: scale(0.8); } }  @media (max-width: 480px) { .refrigerator-foot-heading { font-size: 1.5rem; }  .refrigerator-foot-button { padding: 0.9rem 2rem; font-size: 0.95rem; width: 100%; }  .refrigerator-foot-spot { transform: scale(0.6); } }