*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--white:#ffffff;--bg-light:#faf9f7;--bg-card:#fdfcfb;--bg-dark:#0a0908;--gold:#c9a66b;--gold-light:#e5d4b3;--gold-hover:#b8956c;--gold-dark:#8b6914;--brown:#1a1614;--brown-light:#3d3229;--text:#1a1614;--text-muted:#6b5f54;--border:#e8e2db;--success:#10b981;--shadow-sm:0 1px 3px rgba(0,0,0,0.05);--shadow:0 4px 20px rgba(0,0,0,0.08);--shadow-lg:0 20px 60px rgba(0,0,0,0.15);--shadow-glow:0 0 40px rgba(201,166,107,0.3);--radius:16px;--radius-lg:24px;--radius-xl:32px;--gradient-gold:linear-gradient(135deg,#c9a66b 0%,#e5d4b3 50%,#c9a66b 100%);--gradient-dark:linear-gradient(135deg,#1a1614 0%,#3d3229 100%);--gradient-shine:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{font-family:"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,sans-serif;background:var(--white);color:var(--text);line-height:1.7;overflow-x:hidden;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,100%{box-shadow:0 0 20px rgba(201,166,107,0.3)}50%{box-shadow:0 0 40px rgba(201,166,107,0.6)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all 0.8s cubic-bezier(0.16,1,0.3,1)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 36px;border:none;border-radius:100px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);font-family:inherit;position:relative;overflow:hidden;letter-spacing:0.3px}.btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s ease}.btn:hover::before{left:100%}.btn-primary{background:var(--gradient-gold);background-size:200% 200%;color:var(--brown);font-weight:700;box-shadow:0 4px 20px rgba(201,166,107,0.3)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(201,166,107,0.5);background-position:right center}.btn-dark{background:var(--gradient-dark);color:var(--gold);border:1px solid rgba(201,166,107,0.3)}.btn-dark:hover{border-color:var(--gold);box-shadow:0 8px 30px rgba(0,0,0,0.3);transform:translateY(-3px)}.btn-outline{background:transparent;color:var(--gold);border:2px solid var(--gold)}.btn-outline:hover{background:var(--gold);color:var(--brown);transform:translateY(-3px);box-shadow:var(--shadow-glow)}.section-header{text-align:center;margin-bottom:60px;position:relative}.section-header::after{content:"";position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:var(--gradient-gold);border-radius:3px}.section-header h2{font-size:40px;font-weight:700;color:var(--brown);margin-bottom:12px;letter-spacing:-0.5px;word-wrap:break-word;overflow-wrap:break-word}.section-header p{color:var(--text-muted);font-size:18px;max-width:500px;margin:0 auto;word-wrap:break-word;overflow-wrap:break-word}.hero-banner-simple{padding-top:70px;width:100%}.hero-banner-simple a{display:block;width:100%}.hero-banner-img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:16 / 9}@media (max-width:768px){.hero-banner-simple{padding-top:60px}}.header{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(201,166,107,0.1);z-index:1000;padding:10px 0;box-shadow:0 4px 30px rgba(0,0,0,0.08);transition:all 0.4s ease}.header.scrolled{padding:8px 0}.header .container{display:flex;align-items:center;justify-content:space-between}.header-title-mobile{display:block;font-size:22px;font-weight:700;color:var(--brown);text-align:center;flex:1;padding:0 20px;letter-spacing:0.5px}.logo{display:flex;align-items:center;transition:transform 0.3s ease}.logo:hover{transform:scale(1.05)}.logo img{height:70px;width:auto}.header-right{display:flex;align-items:center;gap:24px}.hotline{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--brown);font-size:17px;transition:all 0.3s ease}.hotline:hover{color:var(--gold)}.hotline-icon{width:44px;height:44px;background:var(--gradient-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brown);font-size:18px;box-shadow:0 4px 15px rgba(201,166,107,0.4);animation:pulse 2s infinite}.nav-btn{display:flex;align-items:center;gap:10px;padding:10px 20px;background:linear-gradient(135deg,rgba(201,166,107,0.1) 0%,rgba(229,212,179,0.2) 100%);border:2px solid var(--gold);border-radius:25px;font-weight:600;color:var(--brown);font-size:15px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(201,166,107,0.2)}.nav-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-gold);transition:left 0.4s cubic-bezier(0.4,0,0.2,1);z-index:-1}.nav-btn:hover{color:var(--white);transform:translateY(-2px);box-shadow:0 8px 25px rgba(201,166,107,0.4);border-color:var(--gold-dark)}.nav-btn:hover::before{left:0}.nav-btn-icon{font-size:20px;transition:transform 0.4s ease}.nav-btn:hover .nav-btn-icon{transform:scale(1.15) rotate(5deg)}.nav-btn-text{position:relative;z-index:1;white-space:nowrap}.header .btn{padding:12px 28px;font-size:14px}@media (max-width:640px){.hotline span:last-child{display:none}.header .btn{display:none}.logo img{height:60px}.header-title-mobile{font-size:14px;font-weight:600;padding:0 10px}.nav-btn-text{display:none}.nav-btn{padding:10px 12px;min-width:auto}.nav-btn-icon{font-size:22px}}.hero-banner{padding-top:87px;position:relative;width:100%;min-height:90vh;background:url("../images/giuongbocda/landscape3.png") centercenter / cover no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-banner::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(10,9,8,0.4) 0%,rgba(26,22,20,0.7) 50%,rgba(10,9,8,0.9) 100%)}.hero-banner::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(10,9,8,0.5) 100%)}.hero-particles{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:1}.hero-particles span{position:absolute;width:4px;height:4px;background:var(--gold);border-radius:50%;opacity:0.4;animation:float 6s ease-in-out infinite}.hero-particles span:nth-child(1){left:10%;top:20%;animation-delay:0s}.hero-particles span:nth-child(2){left:20%;top:60%;animation-delay:1s}.hero-particles span:nth-child(3){left:35%;top:30%;animation-delay:2s}.hero-particles span:nth-child(4){left:50%;top:70%;animation-delay:3s}.hero-particles span:nth-child(5){left:65%;top:40%;animation-delay:4s}.hero-particles span:nth-child(6){left:80%;top:20%;animation-delay:5s}.hero-particles span:nth-child(7){left:90%;top:50%;animation-delay:2.5s}.hero-content{position:relative;z-index:3;text-align:center;padding:80px 20px;animation:fadeInUp 1s ease-out}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(201,166,107,0.15);border:1px solid rgba(201,166,107,0.3);backdrop-filter:blur(10px);padding:10px 24px;border-radius:100px;margin-bottom:30px;animation:fadeIn 1s ease-out 0.3s both}.hero-badge span{color:var(--gold);font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.hero-logo{max-width:320px;height:auto;margin:0 auto 35px;filter:drop-shadow(0 8px 30px rgba(0,0,0,0.4));animation:fadeIn 1s ease-out 0.5s both}.hero-tagline{font-size:1.3rem;color:rgba(255,255,255,0.9);text-shadow:0 2px 20px rgba(0,0,0,0.5);max-width:600px;margin:0 auto 40px;line-height:1.7;font-weight:300;letter-spacing:0.5px;animation:fadeIn 1s ease-out 0.7s both}.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeIn 1s ease-out 0.9s both}.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,0.5);font-size:12px;letter-spacing:2px;text-transform:uppercase;animation:fadeIn 1s ease-out 1.2s both}.hero-scroll-line{width:1px;height:40px;background:linear-gradient(180deg,var(--gold),transparent);animation:pulse 2s infinite}@media (max-width:768px){.hero-banner{min-height:100vh;padding-top:77px}.hero-logo{max-width:220px;margin-bottom:25px}.hero-tagline{font-size:1rem;padding:0 20px;margin-bottom:30px}.hero-badge{padding:8px 18px}.hero-badge span{font-size:11px}.hero-scroll{display:none}}.product-section{padding:120px 0;background:linear-gradient(180deg,var(--bg-light) 0%,var(--white) 100%);position:relative}.product-section::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-light),transparent)}.product-display{max-width:1200px;margin:0 auto 60px;display:grid;grid-template-columns:1.1fr 0.9fr;gap:80px;align-items:start;box-sizing:border-box;width:100%}@media (max-width:968px){.product-display{grid-template-columns:1fr;gap:40px;max-width:100%}}.product-images{position:sticky;top:110px}.mobile-section-label{display:none;font-size:0.85rem;font-weight:600;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}@media (max-width:768px){.mobile-section-label{display:block}}.main-product-image{width:100%;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:20px;background:linear-gradient(145deg,#ffffff,#f8f6f3);position:relative;border:1px solid rgba(201,166,107,0.1);aspect-ratio:1 / 1;contain:layout style}.main-product-image::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--radius-xl);padding:2px;background:linear-gradient(145deg,rgba(201,166,107,0.3),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.main-product-image img{width:100%;height:100%;object-fit:contain;padding:30px;display:block;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1)}.main-product-image:hover img{transform:scale(1.03)}.main-image-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:rgba(255,255,255,0.9);border:1px solid rgba(201,166,107,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;z-index:10;color:var(--brown);box-shadow:0 2px 10px rgba(0,0,0,0.1);opacity:0;visibility:hidden}.main-product-image:hover .main-image-nav{opacity:1;visibility:visible}@media (hover:none) and (pointer:coarse){.main-image-nav{opacity:0.8;visibility:visible}}.main-image-nav:hover{background:var(--gold);color:var(--brown);border-color:var(--gold);box-shadow:0 4px 15px rgba(201,166,107,0.4)}.main-image-nav:active{transform:translateY(-50%) scale(0.95)}.main-image-nav-prev{left:10px}.main-image-nav-next{right:10px}.main-image-dots{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}.main-image-dot{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,0.2);border:none;cursor:pointer;transition:all 0.3s ease;padding:0}.main-image-dot.active{background:var(--gold);width:24px;border-radius:4px}.main-image-dot:hover{background:rgba(201,166,107,0.6)}@media (max-width:768px){.main-image-nav{width:36px;height:36px;opacity:0.85;visibility:visible}.main-image-nav svg{width:18px;height:18px}.main-image-dots{bottom:10px;gap:6px}.main-image-dot{width:6px;height:6px}.main-image-dot.active{width:18px}}@media (max-width:480px){.main-image-nav{width:32px;height:32px;opacity:0.9}.main-image-nav svg{width:16px;height:16px}.main-image-dots{bottom:8px;gap:5px}.main-image-dot{width:5px;height:5px}.main-image-dot.active{width:16px}}@media (max-width:375px){.main-image-nav{width:28px;height:28px}.main-image-nav svg{width:14px;height:14px}.main-image-dots{bottom:6px;gap:4px}.main-image-dot{width:4px;height:4px}.main-image-dot.active{width:14px}}.thumbnail-slider-container{display:flex;align-items:center;gap:6px;position:relative;margin-bottom:12px}.thumbnail-slider{flex:1;overflow:hidden;border-radius:var(--radius);cursor:grab;touch-action:pan-x;-webkit-overflow-scrolling:touch;position:relative;will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0)}.thumbnail-slider:active{cursor:grabbing}.thumbnail-slider::before,.thumbnail-slider::after{content:'';position:absolute;top:0;bottom:0;width:40px;z-index:10;pointer-events:none;opacity:0;transition:opacity 0.3s ease}.thumbnail-slider::before{left:0;background:linear-gradient(to right,rgba(250,249,247,0.95),transparent)}.thumbnail-slider::after{right:0;background:linear-gradient(to left,rgba(250,249,247,0.95),transparent)}.thumbnail-slider.has-prev::before{opacity:1}.thumbnail-slider.has-next::after{opacity:1}.slider-hint{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:11;pointer-events:none;opacity:0;transition:opacity 0.3s ease;font-size:14px;color:var(--gold-dark)}.slider-hint-left{left:8px}.slider-hint-right{right:8px}.thumbnail-slider.has-prev~.slider-hint-left,.thumbnail-slider-container:has(.has-prev) .slider-hint-left{opacity:0.8}.thumbnail-slider.has-next~.slider-hint-right,.thumbnail-slider-container:has(.has-next) .slider-hint-right{opacity:0.8}.thumbnail-images{display:flex;gap:4px;transition:transform 0.3s ease-out;will-change:transform;user-select:none;-webkit-user-select:none;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.thumbnail{flex:0 0 calc((100% - 16px) / 5);min-width:calc((100% - 16px) / 5);border:2px solid transparent;border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:border-color 0.3s ease,box-shadow 0.3s ease;background:linear-gradient(145deg,#ffffff,#f8f6f3);position:relative;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column}.thumbnail:hover{border-color:var(--gold);box-shadow:0 8px 25px rgba(201,166,107,0.25)}.thumbnail.active{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,166,107,0.2),0 8px 25px rgba(201,166,107,0.25)}.thumbnail img{width:100%;height:85px;object-fit:contain;padding:4px;display:block;position:relative;z-index:2;pointer-events:none;-webkit-user-drag:none}.thumbnail-info{padding:3px 2px;text-align:center;background:linear-gradient(to bottom,rgba(250,249,247,0.5),rgba(255,255,255,1));border-top:1px solid rgba(201,166,107,0.1)}.thumbnail-name{display:block;font-size:9px;font-weight:700;color:var(--brown);line-height:1.2}.thumbnail-color{display:block;font-size:8px;color:var(--gold-dark);font-weight:500;margin-top:1px}.thumbnail.active .thumbnail-info{background:linear-gradient(to bottom,rgba(201,166,107,0.1),rgba(201,166,107,0.05))}.size-section-below-image{margin-top:8px;margin-bottom:8px;padding:8px;background:linear-gradient(145deg,rgba(250,249,247,0.8),rgba(255,255,255,0.5));border-radius:10px;border:1px solid rgba(201,166,107,0.15)}@media (max-width:640px){.size-section-below-image{padding-left:12px;padding-right:12px}}.size-section-below-image .section-label{font-size:0.85rem;margin-bottom:8px;font-weight:600}.size-section-below-image .size-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.size-section-below-image .size-btn{padding:6px 3px;border-radius:8px;border-width:1px}.size-section-below-image .size-btn .size{font-size:13px;font-weight:700;margin-bottom:2px}.size-section-below-image .size-btn .price{font-size:11px;font-weight:600}.size-section-below-image .size-option input:checked+.size-btn,.size-section-below-image .size-option .size-btn.active{border-color:var(--gold) !important;background:linear-gradient(135deg,rgba(201,166,107,0.08),rgba(201,166,107,0.02)) !important;box-shadow:0 0 0 2px rgba(201,166,107,0.15) !important}.drawer-section{margin-bottom:20px}.drawer-section .section-label{font-size:14px;font-weight:600;color:var(--brown);margin-bottom:12px}.drawer-grid{grid-template-columns:repeat(2,1fr) !important}.drawer-option{cursor:pointer;position:relative}.drawer-option input{display:none}.drawer-option .size-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 12px;min-height:70px;background:var(--white);border:2px solid var(--border);border-radius:12px;transition:all 0.3s ease;text-align:center;cursor:pointer}.drawer-option .size-btn:hover{border-color:var(--gold-light);background:rgba(201,166,107,0.03)}.drawer-option input:checked+.size-btn,.drawer-option .size-btn.active{border-color:var(--gold) !important;background:linear-gradient(145deg,rgba(201,166,107,0.08),rgba(201,166,107,0.02)) !important;box-shadow:0 0 0 3px rgba(201,166,107,0.15) !important}.drawer-option .size{font-size:14px;font-weight:600;color:var(--text)}.drawer-option .price{font-size:13px;font-weight:700;color:var(--gold);margin-top:4px}.drawer-section-below-image{display:none;margin-top:8px;margin-bottom:8px;padding:8px;background:linear-gradient(145deg,rgba(250,249,247,0.8),rgba(255,255,255,0.5));border-radius:10px;border:1px solid rgba(201,166,107,0.15)}.drawer-section-below-image .section-label{font-size:0.85rem;margin-bottom:8px;font-weight:600}.drawer-section-below-image .drawer-grid{grid-template-columns:repeat(2,1fr) !important;gap:8px}.drawer-section-below-image .drawer-option .size-btn{padding:10px 8px;min-height:60px;border-radius:8px;border-width:1px}.drawer-section-below-image .drawer-option .size{font-size:12px}.drawer-section-below-image .drawer-option .price{font-size:11px;margin-top:2px}.drawer-section-below-image .drawer-option input:checked+.size-btn,.drawer-section-below-image .drawer-option .size-btn.active{border-color:var(--gold) !important;background:linear-gradient(145deg,rgba(201,166,107,0.08),rgba(201,166,107,0.02)) !important;box-shadow:0 0 0 2px rgba(201,166,107,0.15) !important}.product-details .drawer-section{display:block}@media (max-width:968px){.product-details .drawer-section{display:none}.drawer-section-below-image{display:block}.drawer-section-below-image .drawer-grid{grid-template-columns:repeat(2,1fr) !important}}@media (max-width:640px){.drawer-section-below-image{padding:6px 12px}.drawer-section-below-image .section-label{font-size:0.8rem;margin-bottom:6px}.drawer-section-below-image .drawer-grid{gap:6px}.drawer-section-below-image .drawer-option .size-btn{padding:8px 6px;min-height:55px}.drawer-section-below-image .drawer-option .size{font-size:11px}.drawer-section-below-image .drawer-option .price{font-size:10px;margin-top:2px}}@media (max-width:968px){.thumbnail{flex:0 0 calc((100% - 12px) / 3.5);min-width:calc((100% - 12px) / 3.5)}.thumbnail img{height:75px}.size-section-below-image .size-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:640px){.thumbnail{flex:0 0 calc((100% - 6px) / 3);min-width:calc((100% - 6px) / 3);border-width:2px;touch-action:manipulation}.thumbnail img{height:95px;padding:8px}.thumbnail-info{padding:5px 3px}.thumbnail-name{font-size:10px;font-weight:700}.thumbnail-color{font-size:9px}.thumbnail-images{gap:3px}.thumbnail-slider-container{margin-bottom:6px;gap:3px}.thumbnail::before{content:'';position:absolute;inset:-8px;z-index:1}.thumbnail img,.thumbnail-info{position:relative;z-index:2;pointer-events:none}.thumbnail:active{transform:scale(0.95);transition:transform 0.1s ease}.thumbnail-slider::before,.thumbnail-slider::after{width:50px}.slider-hint{width:28px;height:28px;font-size:16px;font-weight:bold}.size-section-below-image{margin-top:6px;margin-bottom:6px;padding:6px}.size-section-below-image .section-label{margin-bottom:6px;font-size:0.8rem}.size-section-below-image .size-grid{grid-template-columns:repeat(4,1fr);gap:4px}.size-section-below-image .size-btn{padding:5px 2px}.size-section-below-image .size-btn .size{font-size:12px}.size-section-below-image .size-btn .price{font-size:10px}.main-product-image{margin-bottom:8px}.main-product-image img{padding:20px}.thumbnail.active{border-width:3px;box-shadow:0 0 0 4px rgba(201,166,107,0.25),0 8px 25px rgba(201,166,107,0.3);transform:scale(1)}.thumbnail:hover{border-color:transparent;box-shadow:none}.thumbnail.active:hover{border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,166,107,0.25),0 8px 25px rgba(201,166,107,0.3)}.thumbnail-slider{touch-action:pan-x;overscroll-behavior-x:contain}.thumbnail-slider-container{overscroll-behavior:contain;isolation:isolate}.price-section{margin-bottom:15px;padding:18px;gap:12px}.product-details{padding:0}}.product-details{padding:0}.section-label{font-size:0.9rem;font-weight:600;color:var(--text-muted);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.section-label span{color:var(--gold);font-weight:700}.price-section{margin-bottom:20px;display:flex;flex-direction:column;gap:8px;padding:24px 28px;background:linear-gradient(145deg,#fffbf5,#fff9f2);border-radius:16px;border:2px solid rgba(201,166,107,0.25);box-shadow:0 2px 12px rgba(201,166,107,0.08);box-sizing:border-box;max-width:100%;position:relative}.price-old{font-size:1.15rem;color:#aaa;text-decoration:line-through;text-decoration-thickness:2px;opacity:0.7;font-weight:500;order:1}.price-current{font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,#c92a2a,#e03131);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;letter-spacing:-0.5px;order:2}.price-badge{position:absolute;top:20px;right:24px;background:linear-gradient(135deg,#ff6b6b,#fa5252);color:white;padding:8px 20px;border-radius:100px;font-size:0.9rem;font-weight:700;letter-spacing:0.5px;box-shadow:0 4px 12px rgba(250,82,82,0.3);animation:pulse 2s infinite}.product-details .size-section{margin-bottom:35px}.product-details .size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.size-option{position:relative}.size-option input{display:none}.size-btn{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:var(--white);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all 0.25s ease}.size-btn:hover{border-color:var(--gold)}.size-option input:checked+.size-btn,.size-option .size-btn.active{border-color:var(--gold) !important;background:linear-gradient(135deg,rgba(201,166,107,0.08),rgba(201,166,107,0.02)) !important;box-shadow:0 0 0 3px rgba(201,166,107,0.12) !important}.size-btn .size{font-size:16px;font-weight:600;color:var(--brown);margin-bottom:4px}.size-btn .price{font-size:14px;color:var(--gold);font-weight:600}@media (max-width:968px){.product-details .size-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.product-details .size-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:968px){.product-images{position:static}.main-product-image img{padding:25px}.thumbnail img{height:85px}.product-name{font-size:1.8rem}.price-current{font-size:2rem}.thumbnail-slider-container{margin-bottom:20px}}.product-badge{position:absolute;top:12px;left:12px;background:var(--gold);color:var(--white);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.product-info{padding:20px;border-top:1px solid var(--border)}.product-name{font-size:18px;font-weight:600;color:var(--brown);margin-bottom:12px}.color-selector{margin-bottom:8px}.color-label{font-size:14px;color:var(--text-muted);margin-bottom:10px}.color-label span{color:var(--gold);font-weight:600}.color-dots{display:flex;gap:10px}.color-dot{width:32px;height:32px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all 0.2s ease;position:relative}.color-dot:hover{transform:scale(1.1)}.color-dot.active{border-color:var(--gold);box-shadow:0 0 0 2px rgba(184,149,108,0.3)}.color-dot.active::after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:14px;font-weight:bold;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.color-dot.color-gray{background:#8a8a8a}.color-dot.color-dark-gray{background:#3d3d3d}.color-dot.color-cream{background:#f8f6f0;border-color:var(--border)}.color-dot.color-cream.active{border-color:var(--gold)}.color-dot.color-cream.active::after{color:var(--brown);text-shadow:none}.check-icon{position:absolute;top:12px;right:12px;width:28px;height:28px;background:var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;opacity:0;transform:scale(0.5);transition:all 0.25s ease}.product-card.selected .check-icon{opacity:1;transform:scale(1)}@media (max-width:768px){.product-grid{grid-template-columns:1fr;gap:20px;max-width:400px;margin-left:auto;margin-right:auto}.product-info{padding:16px}.product-name{font-size:16px}.color-dot{width:28px;height:28px}}.order-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,9,8,0.8);backdrop-filter:blur(10px);z-index:9999;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.order-modal-overlay.show{display:flex;animation:fadeIn 0.3s ease}.order-modal{background:white;border-radius:var(--radius-xl);max-width:520px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 30px 80px rgba(0,0,0,0.4);animation:modalSlideIn 0.5s cubic-bezier(0.16,1,0.3,1);border:1px solid rgba(201,166,107,0.1)}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalSlideUp{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.order-modal{animation:modalSlideUp 0.4s cubic-bezier(0.16,1,0.3,1)}}.modal-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border:none;background:rgba(0,0,0,0.05);border-radius:50%;font-size:24px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;z-index:10}.modal-close:hover{background:var(--gold);color:var(--brown);transform:rotate(90deg)}.modal-header{text-align:center;padding:50px 40px 30px;background:linear-gradient(180deg,rgba(250,249,247,0.8) 0%,transparent 100%);border-bottom:1px solid rgba(201,166,107,0.1)}.modal-brand{font-size:11px;font-weight:700;letter-spacing:4px;color:var(--gold);text-transform:uppercase;margin-bottom:12px}.modal-title{font-size:30px;font-weight:700;color:var(--brown);font-family:"Be Vietnam Pro",serif;letter-spacing:-0.5px}.modal-body{padding:32px 40px 40px}.modal-form-group{margin-bottom:24px;position:relative}.modal-form-group input{width:100%;padding:18px 0;border:none;border-bottom:2px solid #eee;font-size:16px;font-family:inherit;background:transparent;transition:all 0.3s ease}.modal-form-group input:focus{outline:none;border-bottom-color:var(--gold)}.modal-form-group input::placeholder{color:#aaa}.modal-form-group input.error{border-bottom-color:#e53935;animation:shake 0.5s ease}@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.order-summary{background:linear-gradient(145deg,#faf9f7,#f5f3f0);border-radius:var(--radius-lg);padding:28px;margin-top:28px;border:1px solid rgba(201,166,107,0.15)}.order-summary-title{font-size:11px;font-weight:700;letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-bottom:20px}.order-item{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid rgba(201,166,107,0.15)}.order-item-info h4{font-size:17px;font-weight:600;color:var(--brown);margin-bottom:6px}.order-item-details{font-size:14px;color:var(--text-muted)}.order-item-price{font-size:17px;font-weight:700;color:var(--gold)}.order-total{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.order-total-label{font-size:16px;font-weight:600;color:var(--brown)}.order-total-price{font-size:24px;font-weight:800;background:linear-gradient(135deg,var(--brown),var(--brown-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-submit-btn{width:100%;padding:20px 32px;background:var(--gradient-dark);color:var(--gold);border:1px solid rgba(201,166,107,0.2);border-radius:var(--radius);font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);margin-top:28px;position:relative;overflow:hidden}.modal-submit-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(201,166,107,0.2),transparent);transition:left 0.5s ease}.modal-submit-btn:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,0.3)}.modal-submit-btn:hover::before{left:100%}.modal-submit-btn .spinner{display:none;width:20px;height:20px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.8s linear infinite;margin:0 auto}.modal-submit-btn.loading .spinner{display:block}.modal-submit-btn.loading .btn-text{display:none}@media (max-width:640px){.order-modal{margin:10px;max-height:95vh}.modal-header{padding:30px 24px 20px}.modal-body{padding:20px 24px 30px;padding-bottom:calc(30px + env(safe-area-inset-bottom))}.modal-title{font-size:24px}}.order-panel{display:none !important}.order-panel-header{text-align:center;margin-bottom:32px}.order-panel-header h3{font-size:24px;font-weight:700;color:var(--brown);margin-bottom:8px}.selected-product-display{display:inline-flex;align-items:center;gap:12px;background:var(--white);padding:12px 20px;border-radius:50px;box-shadow:var(--shadow)}.selected-product-display img{width:48px;height:48px;object-fit:cover;border-radius:8px}.selected-product-display .info{text-align:left}.selected-product-display .name{font-weight:600;font-size:14px;color:var(--brown)}.selected-product-display .color{font-size:13px;color:var(--text-muted)}.size-section{margin-bottom:32px}.size-label{font-size:16px;font-weight:600;color:var(--brown);margin-bottom:16px;text-align:center}.size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.size-option{position:relative}.size-option input{display:none}.size-btn{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:var(--white);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all 0.25s ease}.size-btn:hover{border-color:var(--gold)}.size-option input:checked+.size-btn,.size-option .size-btn.active{border-color:var(--gold) !important;background:linear-gradient(135deg,rgba(184,149,108,0.08),rgba(184,149,108,0.02)) !important;box-shadow:0 0 0 3px rgba(184,149,108,0.12) !important}.size-btn .size{font-size:16px;font-weight:600;color:var(--brown);margin-bottom:4px}.size-btn .price{font-size:14px;color:var(--gold);font-weight:600}@media (max-width:640px){.size-grid{grid-template-columns:repeat(2,1fr)}.order-panel{padding:24px}}.price-display{text-align:center;padding:24px;background:var(--white);border-radius:var(--radius);margin-bottom:24px}.price-display .label{font-size:14px;color:var(--text-muted);margin-bottom:4px}.price-display .total-price{font-size:36px;font-weight:700;color:var(--gold)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1 / -1}.form-group label{font-size:14px;font-weight:500;color:var(--brown)}.form-group label .required{color:#e53935}.form-group input,.form-group select,.form-group textarea{padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius);font-size:16px;font-family:inherit;transition:border-color 0.25s ease;background:var(--white)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--gold)}.form-group input.error,.form-group select.error{border-color:#e53935}.form-group textarea{min-height:80px;resize:vertical}.submit-section{grid-column:1 / -1;margin-top:8px}.submit-btn{width:100%;padding:18px 32px;font-size:18px;background:linear-gradient(135deg,var(--gold),var(--gold-hover))}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(184,149,108,0.4)}.submit-btn .spinner{display:none;width:20px;height:20px;border:3px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.8s linear infinite}.submit-btn.loading .spinner{display:block}.submit-btn.loading .btn-text{display:none}@keyframes spin{to{transform:rotate(360deg)}}.form-benefits{grid-column:1 / -1;display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.form-benefit{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.form-benefit .icon{color:var(--success)}@media (max-width:640px){.contact-form{grid-template-columns:1fr}.form-benefits{flex-direction:column;align-items:center;gap:12px}}.hp-field{position:absolute;left:-9999px;opacity:0;pointer-events:none;display:none;height:0;width:0;overflow:hidden}.zalo-btn{background:#0068ff}.zalo-btn:hover{background:#0055cc}.benefits{padding:120px 0;background:var(--brown);position:relative;overflow:hidden}.benefits::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(201,166,107,0.03) 0%,transparent 50%);animation:float 15s ease-in-out infinite}.benefits .section-header h2{color:var(--white)}.benefits .section-header p{color:rgba(255,255,255,0.7)}.benefits .section-header::after{background:var(--gradient-gold)}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative;z-index:2;justify-content:space-between;max-width:100%;box-sizing:border-box}.benefit-card{text-align:center;padding:45px 28px;background:rgba(255,255,255,0.03);border-radius:var(--radius-xl);transition:all 0.5s cubic-bezier(0.16,1,0.3,1);border:1px solid rgba(201,166,107,0.1);backdrop-filter:blur(10px);position:relative;overflow:hidden}.benefit-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-gold);transform:scaleX(0);transition:transform 0.5s ease}.benefit-card:hover{transform:translateY(-10px);background:rgba(255,255,255,0.08);border-color:rgba(201,166,107,0.3);box-shadow:0 25px 50px rgba(0,0,0,0.3)}.benefit-card:hover::before{transform:scaleX(1)}.benefit-card a{display:inline-block;margin-top:10px;color:var(--gold);font-weight:600;text-decoration:none;transition:all 0.3s ease;font-size:14px}.benefit-card a:hover{color:var(--gold-light);transform:translateX(5px)}.benefit-icon{width:80px;height:80px;background:var(--gradient-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:36px;color:var(--brown);box-shadow:0 10px 30px rgba(201,166,107,0.3);transition:all 0.5s ease}.benefit-card:hover .benefit-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 40px rgba(201,166,107,0.4)}.benefit-card h4{font-size:18px;font-weight:700;color:var(--white);margin-bottom:12px}.benefit-card p{font-size:15px;color:rgba(255,255,255,0.6);line-height:1.6}@media (max-width:968px){.benefits-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:640px){.benefits-grid{grid-template-columns:1fr}.benefit-card{padding:35px 24px}}.feedback{padding:120px 0;background:linear-gradient(180deg,var(--white) 0%,var(--bg-light) 100%);position:relative}.feedback-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:100%;box-sizing:border-box}.feedback-card{background:var(--white);padding:40px 32px;border-radius:var(--radius-xl);border:1px solid rgba(201,166,107,0.1);box-shadow:0 10px 40px rgba(0,0,0,0.05);transition:all 0.5s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden}.feedback-card::before{content:'"';position:absolute;top:20px;right:30px;font-size:120px;font-family:Georgia,serif;color:rgba(201,166,107,0.08);line-height:1}.feedback-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px rgba(0,0,0,0.12);border-color:rgba(201,166,107,0.3)}.feedback-stars{color:#ffb800;font-size:20px;margin-bottom:20px;letter-spacing:3px}.feedback-text{color:var(--text);margin-bottom:28px;font-style:italic;line-height:1.8;font-size:16px;position:relative;z-index:2}.feedback-author{display:flex;align-items:center;gap:16px;padding-top:20px;border-top:1px solid var(--border)}.feedback-avatar{width:54px;height:54px;border-radius:50%;background:var(--gradient-gold);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--brown);font-size:16px;box-shadow:0 4px 15px rgba(201,166,107,0.3)}.feedback-name{font-weight:700;color:var(--brown);font-size:16px;margin-bottom:2px}.feedback-location{font-size:14px;color:var(--text-muted)}@media (max-width:968px){.feedback-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}.faq{padding:120px 0;background:var(--bg-light);position:relative}.faq::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,166,107,0.3),transparent)}.faq-list{max-width:800px;margin:0 auto;box-sizing:border-box;width:100%}.faq-item{background:var(--white);border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden;border:1px solid transparent;box-shadow:0 4px 20px rgba(0,0,0,0.04);transition:all 0.4s cubic-bezier(0.16,1,0.3,1)}.faq-item:hover{box-shadow:0 10px 40px rgba(0,0,0,0.08);transform:translateY(-2px)}.faq-item.active{border-color:rgba(201,166,107,0.3);box-shadow:0 10px 40px rgba(201,166,107,0.15)}.faq-question{width:100%;padding:26px 32px;background:transparent;border:none;text-align:left;font-size:17px;font-weight:600;color:var(--brown);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:inherit;transition:all 0.3s ease;gap:20px}.faq-question:hover{color:var(--gold)}.faq-question::after{content:"+";font-size:28px;color:var(--gold);transition:all 0.4s cubic-bezier(0.16,1,0.3,1);flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(201,166,107,0.1);border-radius:50%}.faq-item.active .faq-question::after{transform:rotate(45deg);background:var(--gold);color:var(--brown)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.16,1,0.3,1)}.faq-answer-content{padding:0 32px 28px;color:var(--text-muted);line-height:1.8;font-size:15px}.faq-item.active .faq-answer{max-height:250px}.footer{background:var(--bg-dark);color:var(--white);padding:80px 0 32px;position:relative;overflow:hidden}.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-gold)}.footer::after{content:"";position:absolute;top:0;right:-20%;width:60%;height:60%;background:radial-gradient(circle,rgba(201,166,107,0.03) 0%,transparent 60%);pointer-events:none}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;margin-bottom:50px;position:relative;z-index:2;max-width:100%;box-sizing:border-box}.footer-brand h4{font-size:32px;margin-bottom:18px;font-weight:700}.footer-brand h4 span{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand p{color:rgba(255,255,255,0.6);line-height:1.8;font-size:15px;max-width:350px}.footer-section h5{font-size:14px;margin-bottom:24px;color:var(--gold);text-transform:uppercase;letter-spacing:2px;font-weight:600}.footer-section a,.footer-section p{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.6);margin-bottom:14px;font-size:15px;transition:all 0.3s ease}.footer-section a:hover{color:var(--gold);transform:translateX(5px)}.footer-bottom{text-align:center;padding-top:32px;border-top:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.4);font-size:14px}@media (max-width:768px){.footer{padding:60px 0 24px}.footer-content{grid-template-columns:1fr;gap:40px;text-align:center}.footer-brand p{max-width:none}.footer-section a,.footer-section p{justify-content:center}.footer-section a:hover{transform:none}}.sticky-cta{display:block;position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);padding:16px 20px;box-shadow:0 -8px 30px rgba(0,0,0,0.12);z-index:999;border-top:1px solid rgba(201,166,107,0.1)}.sticky-cta .btn{width:100%;max-width:500px;margin:0 auto;animation:glow 2s infinite;display:flex;align-items:center;justify-content:center;gap:0;padding:16px 20px}.sticky-cta .cta-text{font-weight:700}.sticky-cta .cta-divider{margin:0 8px;opacity:0.7}.sticky-cta .cta-price{font-weight:800;font-size:1.1rem;color:#c92a2a}body{padding-bottom:90px}@media (max-width:768px){.sticky-cta{display:block}}.toast{position:fixed;top:100px;right:20px;padding:18px 28px;background:var(--brown);color:white;border-radius:var(--radius);box-shadow:0 15px 50px rgba(0,0,0,0.25);transform:translateX(150%);transition:all 0.5s cubic-bezier(0.16,1,0.3,1);z-index:2000;max-width:360px;font-size:15px;font-weight:500;border-left:4px solid var(--gold)}.toast.show{transform:translateX(0)}.toast.success{background:linear-gradient(135deg,var(--brown) 0%,var(--brown-light) 100%);border-left-color:var(--gold)}.toast.error{background:linear-gradient(135deg,#dc2626,#ef4444);border-left-color:#f87171}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-hover)}::selection{background:var(--gold);color:var(--brown)}@media (max-width:768px){.size-overview-grid{grid-template-columns:repeat(2,1fr) !important;gap:16px !important}.size-overview-grid>div>div:first-child{font-size:28px !important}.size-overview-grid>div>div:last-child{font-size:13px !important}}@media (max-width:640px){table{min-width:100%;white-space:nowrap}table th,table td{padding:8px 6px !important;font-size:12px !important;white-space:nowrap}table th:first-child,table td:first-child{padding-left:8px !important}table th:last-child,table td:last-child{padding-right:8px !important}}@media (max-width:480px){table th,table td{padding:6px 4px !important;font-size:11px !important}table th:first-child,table td:first-child{padding-left:6px !important}table th:last-child,table td:last-child{padding-right:6px !important}}@media (max-width:480px){.container{padding:0 16px}.section-header{margin-bottom:30px}.section-header h2{font-size:26px;line-height:1.3}.section-header p{font-size:14px}.section-header::after{bottom:-15px;width:50px}.btn{padding:14px 28px;font-size:14px}.header{padding:10px 0}.header.scrolled{padding:8px 0}.logo img{height:50px}.hotline-icon{width:38px;height:38px;font-size:16px}.hero-banner{min-height:85vh;padding-top:60px}.hero-content{padding:40px 16px}.hero-logo{max-width:180px;margin-bottom:20px}.hero-tagline{font-size:0.9rem;line-height:1.6;margin-bottom:25px;padding:0 10px}.hero-cta .btn{width:100%;padding:16px 24px}.product-section{padding:40px 0}.product-section>.container{padding:0 8px}.product-display{gap:20px;margin-bottom:40px}.main-product-image{border-radius:var(--radius);margin-bottom:12px;margin-left:0;margin-right:0;width:100%}.main-product-image img{height:auto;padding:0;border-radius:var(--radius)}.mobile-section-label{margin-bottom:6px;font-size:0.8rem}.thumbnail-images{gap:8px}.thumbnail{border-radius:10px}.thumbnail img{height:70px;padding:6px}.product-details{padding:15px 0}.product-name{font-size:1.5rem !important;margin-bottom:20px}.product-name::after{bottom:-8px;width:40px;height:2px}.section-label{font-size:0.8rem;margin-bottom:12px}.price-section{padding:18px;gap:12px;margin-bottom:25px;flex-direction:column;align-items:flex-start}.price-old{font-size:1rem}.price-current{font-size:2rem !important}.price-badge{padding:6px 14px;font-size:0.75rem}.benefits{padding:40px 0}.benefits-grid{gap:16px}.benefit-card{padding:28px 20px;border-radius:var(--radius-lg)}.benefit-icon{width:60px;height:60px;font-size:28px;margin-bottom:16px}.benefit-card h4{font-size:15px;margin-bottom:8px}.benefit-card p{font-size:13px}.feedback{padding:40px 0}.feedback-card{padding:28px 20px;border-radius:var(--radius-lg)}.feedback-card::before{font-size:80px;top:10px;right:15px}.feedback-stars{font-size:16px;margin-bottom:14px}.feedback-text{font-size:14px;margin-bottom:20px;line-height:1.7}.feedback-author{gap:12px;padding-top:16px}.feedback-avatar{width:44px;height:44px;font-size:14px}.feedback-name{font-size:14px}.feedback-location{font-size:12px}.faq{padding:40px 0}.faq-item{margin-bottom:12px;border-radius:var(--radius)}.faq-question{padding:18px 20px;font-size:14px;gap:12px}.faq-question::after{width:32px;height:32px;font-size:20px}.faq-answer-content{padding:0 20px 20px;font-size:13px}.footer{padding:40px 0 20px}.footer-content{gap:30px;margin-bottom:30px}.footer-brand h4{font-size:24px}.footer-brand p{font-size:13px}.footer-section h5{font-size:12px;margin-bottom:16px}.footer-section a,.footer-section p{font-size:13px;margin-bottom:10px}.footer-bottom{font-size:12px;padding-top:20px}.order-modal-overlay{padding:12px;align-items:flex-end}.order-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:95vh}.modal-close{top:12px;right:12px;width:36px;height:36px;font-size:20px}.modal-header{padding:35px 20px 20px}.modal-brand{font-size:10px;letter-spacing:3px}.modal-title{font-size:22px}.modal-body{padding:20px}.modal-form-group{margin-bottom:18px}.modal-form-group input{padding:14px 0;font-size:15px}.order-summary{padding:20px;margin-top:20px;border-radius:var(--radius)}.order-summary-title{font-size:10px;margin-bottom:14px}.order-item-info h4{font-size:14px}.order-item-details{font-size:12px}.order-item-price{font-size:14px}.order-total-label{font-size:14px}.order-total-price{font-size:20px}.modal-submit-btn{padding:16px 24px;font-size:13px;margin-top:20px}.sticky-cta{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.sticky-cta .btn{padding:14px 20px;font-size:14px}.toast{top:auto;bottom:100px;right:12px;left:12px;max-width:none;padding:14px 18px;font-size:13px}.order-panel{padding:20px;margin-top:25px}.order-panel-header h3{font-size:20px}.size-grid{grid-template-columns:repeat(2,1fr);gap:10px}.size-btn{padding:14px 10px}.size-btn .size{font-size:14px}.size-btn .price{font-size:12px}.price-display{padding:18px}.price-display .total-price{font-size:28px}.contact-form{grid-template-columns:1fr;gap:14px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;font-size:15px}.submit-btn{padding:16px 24px;font-size:16px}.form-benefits{flex-direction:column;gap:10px}.form-benefit{font-size:13px}}@media (max-width:360px){.hero-logo{max-width:150px}.hero-tagline{font-size:0.85rem}.product-name{font-size:1.3rem !important}.price-current{font-size:1.75rem !important}.model-btn{min-width:100%}.color-dot-option{width:40px;height:40px}.section-header h2{font-size:22px}.order-panel{padding:16px}.order-panel-header h3{font-size:18px}.size-label{font-size:14px}.size-btn{padding:12px 8px}.size-btn .size{font-size:13px}.size-btn .price{font-size:11px}.price-display .total-price{font-size:24px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{padding:11px 12px;font-size:14px}.submit-btn{padding:14px 20px;font-size:15px}}@media (max-width:768px){input,select,textarea,button{font-size:16px !important}.form-group input,.form-group select,.form-group textarea,.modal-form-group input{font-size:16px !important}}*{touch-action:manipulation}.thumbnail-slider,.thumbnail-slider *{touch-action:pan-x !important}.size-section-right{margin-bottom:0}.size-section-right .section-label{font-size:0.9rem;font-weight:600;color:var(--text-muted);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px;text-align:center}.size-section-right .size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;justify-items:center}.size-section-right .size-option{width:100%}.size-section-right .size-option input:checked+.size-btn,.size-section-right .size-option .size-btn.active{border-color:var(--gold) !important;background:linear-gradient(135deg,rgba(201,166,107,0.08),rgba(201,166,107,0.02)) !important;box-shadow:0 0 0 3px rgba(201,166,107,0.15) !important}.product-details .drawer-section .drawer-option input:checked+.size-btn,.product-details .drawer-section .drawer-option .size-btn.active{border-color:var(--gold) !important;background:linear-gradient(135deg,rgba(201,166,107,0.08),rgba(201,166,107,0.02)) !important;box-shadow:0 0 0 3px rgba(201,166,107,0.15) !important}@media (max-width:968px){.size-section-right{display:none}}@media (min-width:969px){.size-section-below-image{display:none}}html{overflow-x:hidden;width:100%;max-width:100vw}body{overflow-x:hidden;position:relative;width:100%;max-width:100vw}img{max-width:100%;height:auto}a,button,input,select,textarea{touch-action:manipulation}.thumbnail-slider,.thumbnail-slider *,.thumbnail-images,.thumbnail{touch-action:pan-x !important}.container{max-width:100%;box-sizing:border-box}section,.hero-banner,.hero-banner-simple,.benefits,.feedback,.faq,.footer{overflow-x:hidden;max-width:100vw}.freeship-description{display:flex;align-items:flex-start;padding:16px;background:linear-gradient(145deg,#fffbf5,#fff8ef);border-radius:var(--radius);border-left:3px solid var(--gold);margin-top:20px}.freeship-content{flex:1}.freeship-content strong{display:block;font-size:15px;font-weight:700;color:var(--brown);margin-bottom:6px}.freeship-content p{font-size:14px;line-height:1.6;color:var(--text-muted);margin:0}@media (max-width:968px){.freeship-description{display:none}}@media (max-width:768px){h1,h2,h3,h4,h5,h6,p,span,a,li{word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.header .container{padding:0 12px;max-width:100%}.product-section .container{padding:0 12px;max-width:100%}.product-images{width:100%;max-width:100%;overflow:hidden}.product-details{width:100%;max-width:100%;overflow:hidden}.price-section{width:100%;max-width:100%}.benefits .container{padding:0 16px}.feedback .container{padding:0 16px}.faq .container{padding:0 16px}.footer .container{padding:0 16px}.footer-section a,.footer-section p{word-wrap:break-word;overflow-wrap:break-word}.toast{left:16px;right:16px;max-width:calc(100% - 32px)}.order-modal-overlay{padding:0}.order-modal{max-width:100%;margin:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.sticky-cta{left:0;right:0;width:100%;max-width:100%}.sticky-cta .btn{max-width:calc(100% - 32px)}}@media (max-width:480px){.container{padding:0 12px}.price-current{font-size:1.8rem !important}.thumbnail-slider-container{width:100%;max-width:100%}.size-section-below-image{margin-left:0;margin-right:0;width:100%}}