*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Nunito,sans-serif;font-size:16px;line-height:1.6;color:var(--text);background-color:var(--cream);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}ul,ol{list-style:none}button,input,textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none;background:none}button{cursor:pointer}:root{--primary: #c8763c;--primary-lt: #e09a5a;--secondary: #5a8a60;--rose: #c46858;--sky: #5a8aaa;--gold: #c49838;--cream: #faf6f0;--cream2: #f3ebe0;--cream3: #e8dcc8;--white: #ffffff;--text: #2a1f14;--text-mid: #6a5438;--text-lt: #9a8468;--border: #e4d4bc;--shadow-sm: 0 2px 8px rgba(42,31,20,.08);--shadow-md: 0 4px 20px rgba(42,31,20,.12);--shadow-lg: 0 8px 40px rgba(42,31,20,.16);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:600;line-height:1.25;color:var(--text)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem}small{font-size:.875rem}.text-mid{color:var(--text-mid)}.text-lt{color:var(--text-lt)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-rose{color:var(--rose)}.text-gold{color:var(--gold)}.font-serif{font-family:Playfair Display,serif}.font-sans{font-family:Nunito,sans-serif}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.header{position:sticky;top:0;z-index:1000;background:var(--white);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;max-width:1200px;margin:0 auto}.logo{font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700;color:var(--primary);letter-spacing:-.5px}.logo span{color:var(--secondary)}.nav{display:flex;align-items:center;gap:32px}.nav-link{font-weight:600;color:var(--text-mid);position:relative;padding:4px 0;transition:color var(--transition)}.nav-link:hover,.nav-link.active{color:var(--primary)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary);transition:width var(--transition)}.nav-link:hover:after,.nav-link.active:after{width:100%}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:200px;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--transition);z-index:100}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:10px 20px;color:var(--text-mid);font-weight:500;transition:background var(--transition),color var(--transition)}.dropdown-item:hover{background:var(--cream2);color:var(--primary)}.header-actions{display:flex;align-items:center;gap:16px}.icon-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--cream2);color:var(--text-mid);transition:all var(--transition);position:relative}.icon-btn:hover{background:var(--primary);color:var(--white)}.cart-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:var(--rose);color:var(--white);font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}.hero-slider{position:relative;overflow:hidden;height:480px;background:var(--cream2)}.hero-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .8s ease;padding:40px}.hero-slide.active{opacity:1}.hero-content{text-align:center;max-width:600px}.hero-content h1{font-size:3rem;margin-bottom:16px;color:var(--text)}.hero-content p{font-size:1.125rem;color:var(--text-mid);margin-bottom:24px}.hero-btn{display:inline-block;padding:14px 40px;background:var(--primary);color:var(--white);border-radius:50px;font-weight:700;transition:background var(--transition),transform var(--transition)}.hero-btn:hover{background:var(--primary-lt);transform:translateY(-2px)}.slider-dots{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:10px}.dot{width:12px;height:12px;border-radius:50%;background:var(--border);cursor:pointer;transition:background var(--transition)}.dot.active{background:var(--primary)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;padding:40px 0}.category-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px 16px;text-align:center;transition:all var(--transition);cursor:pointer}.category-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.category-icon{font-size:2.5rem;margin-bottom:12px}.category-name{font-weight:700;color:var(--text);font-size:.95rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;padding:24px 0}.product-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition);position:relative}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.product-image-area{position:relative;aspect-ratio:1 / 1;background:var(--cream2);overflow:hidden}.product-image-area img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-image-area img{transform:scale(1.05)}.product-badge{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;z-index:2}.badge-new{background:var(--secondary);color:var(--white)}.badge-sale{background:var(--rose);color:var(--white)}.badge-best{background:var(--gold);color:var(--white)}.wishlist-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all var(--transition);z-index:2;color:var(--text-lt)}.wishlist-btn:hover,.wishlist-btn.active{background:var(--rose);color:var(--white)}.product-info{padding:16px}.product-name{font-weight:700;font-size:1rem;margin-bottom:4px;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-category{font-size:.8rem;color:var(--text-lt);margin-bottom:8px}.product-price{display:flex;align-items:center;gap:8px;margin-bottom:12px}.price-current{font-weight:700;font-size:1.125rem;color:var(--primary)}.price-old{font-size:.875rem;color:var(--text-lt);text-decoration:line-through}.add-cart-btn{width:100%;padding:10px;background:var(--primary);color:var(--white);border-radius:var(--radius-sm);font-weight:700;transition:background var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}.add-cart-btn:hover{background:var(--primary-lt)}.add-cart-btn:disabled{opacity:.5;cursor:not-allowed}.stars{display:flex;gap:2px;color:var(--gold);font-size:.9rem}.stars .empty{color:var(--border)}.cart-overlay{position:fixed;inset:0;background:#2a1f1480;z-index:2000;opacity:0;visibility:hidden;transition:all var(--transition)}.cart-overlay.open{opacity:1;visibility:visible}.cart-sidebar{position:fixed;top:0;right:-400px;width:400px;max-width:100vw;height:100vh;background:var(--white);z-index:2001;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transition:right var(--transition)}.cart-sidebar.open{right:0}.cart-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border)}.cart-sidebar-header h3{font-size:1.25rem}.close-cart-btn{width:36px;height:36px;border-radius:50%;background:var(--cream2);display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.close-cart-btn:hover{background:var(--rose);color:var(--white)}.cart-sidebar-items{flex:1;overflow-y:auto;padding:16px 20px}.cart-sidebar-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--cream3)}.cart-sidebar-item img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm)}.cart-item-details{flex:1}.cart-item-name{font-weight:600;font-size:.9rem}.cart-item-price{color:var(--primary);font-weight:700}.cart-item-qty{display:flex;align-items:center;gap:8px;margin-top:4px}.qty-btn{width:28px;height:28px;border-radius:50%;background:var(--cream2);display:flex;align-items:center;justify-content:center;font-weight:700;transition:background var(--transition)}.qty-btn:hover{background:var(--primary);color:var(--white)}.cart-sidebar-footer{padding:20px;border-top:1px solid var(--border)}.cart-total{display:flex;justify-content:space-between;font-weight:700;font-size:1.125rem;margin-bottom:16px}.checkout-btn{width:100%;padding:14px;background:var(--secondary);color:var(--white);border-radius:var(--radius-sm);font-weight:700;transition:background var(--transition)}.checkout-btn:hover{background:#4a7a50}.search-overlay{position:fixed;inset:0;background:#2a1f14d9;z-index:3000;display:flex;align-items:flex-start;justify-content:center;padding-top:120px;opacity:0;visibility:hidden;transition:all var(--transition)}.search-overlay.open{opacity:1;visibility:visible}.search-container{width:100%;max-width:600px;padding:0 20px}.search-input-wrap{display:flex;background:var(--white);border-radius:50px;overflow:hidden;box-shadow:var(--shadow-lg)}.search-input{flex:1;padding:16px 24px;font-size:1.125rem;color:var(--text)}.search-input::placeholder{color:var(--text-lt)}.search-submit{padding:16px 32px;background:var(--primary);color:var(--white);font-weight:700;transition:background var(--transition)}.search-submit:hover{background:var(--primary-lt)}.close-search{position:absolute;top:32px;right:32px;width:48px;height:48px;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:background var(--transition)}.close-search:hover{background:var(--rose);color:var(--white)}.catalog-layout{display:grid;grid-template-columns:260px 1fr;gap:32px;padding:32px 0}.sidebar-filters{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;height:fit-content;position:sticky;top:100px}.filter-section{margin-bottom:24px}.filter-title{font-weight:700;margin-bottom:12px;font-size:.95rem;color:var(--text)}.filter-list label{display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer;font-size:.9rem;color:var(--text-mid);transition:color var(--transition)}.filter-list label:hover{color:var(--primary)}.filter-list input[type=checkbox],.filter-list input[type=radio]{accent-color:var(--primary);width:16px;height:16px}.price-range{display:flex;gap:8px;align-items:center}.price-range input{width:80px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center}.sort-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:16px}.sort-select{padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);color:var(--text-mid)}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:40px 0}.product-image-block{position:relative}.product-main-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-md);background:var(--cream2)}.product-thumbnails{display:flex;gap:12px;margin-top:16px}.thumb{width:72px;height:72px;object-fit:cover;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:border-color var(--transition)}.thumb.active,.thumb:hover{border-color:var(--primary)}.product-info-block h1{margin-bottom:8px}.product-info-block .stars{margin-bottom:12px}.product-info-block .price-current{font-size:1.5rem}.product-description{margin:16px 0;color:var(--text-mid)}.features-list{margin:16px 0;padding-left:20px}.features-list li{list-style:disc;color:var(--text-mid);margin-bottom:6px}.specs-table{width:100%;border-collapse:collapse;margin:16px 0}.specs-table td{padding:8px 12px;border-bottom:1px solid var(--cream3);font-size:.9rem}.specs-table td:first-child{font-weight:700;color:var(--text);width:40%}.qty-selector{display:flex;align-items:center;gap:12px;margin:20px 0}.qty-selector button{width:40px;height:40px;border-radius:50%;background:var(--cream2);font-size:1.25rem;font-weight:700;transition:background var(--transition)}.qty-selector button:hover{background:var(--primary);color:var(--white)}.qty-selector input{width:60px;text-align:center;font-weight:700;font-size:1.125rem;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px}.cart-page{padding:40px 0}.cart-page-layout{display:grid;grid-template-columns:1fr 360px;gap:32px}.cart-item-list{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px}.cart-item-row{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--cream3);align-items:center}.cart-item-row:last-child{border-bottom:none}.cart-item-row img{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-sm)}.cart-item-info{flex:1}.cart-item-info h4{font-size:1rem;margin-bottom:4px}.cart-item-info .item-price{color:var(--primary);font-weight:700}.cart-item-qty-controls{display:flex;align-items:center;gap:8px}.cart-item-qty-controls button{width:32px;height:32px;border-radius:50%;background:var(--cream2);font-weight:700;transition:background var(--transition)}.cart-item-qty-controls button:hover{background:var(--primary);color:var(--white)}.cart-item-qty-controls span{font-weight:700;min-width:24px;text-align:center}.remove-item{color:var(--rose);font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity var(--transition)}.remove-item:hover{opacity:.7}.cart-summary-box{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;height:fit-content;position:sticky;top:100px}.cart-summary-box h3{margin-bottom:16px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:.95rem;color:var(--text-mid)}.summary-row.total{font-weight:700;font-size:1.125rem;color:var(--text);border-top:1px solid var(--border);padding-top:16px;margin-top:8px}.checkout-page{padding:40px 0}.checkout-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px}.checkout-form-section h2{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:6px;font-size:.9rem;color:var(--text)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);color:var(--text);transition:border-color var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.shipping-radio-cards{display:grid;gap:12px}.shipping-card{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.shipping-card:hover{border-color:var(--primary-lt)}.shipping-card input[type=radio]{accent-color:var(--primary);width:18px;height:18px}.shipping-card.selected{border-color:var(--primary);background:var(--cream2)}.shipping-info h4{font-size:.95rem}.shipping-info p{font-size:.85rem;color:var(--text-mid);margin:0}.payment-page{padding:40px 0}.payment-method-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.payment-card{background:var(--white);border:2px solid var(--border);border-radius:var(--radius-md);padding:24px;text-align:center;cursor:pointer;transition:all var(--transition)}.payment-card:hover{border-color:var(--primary-lt)}.payment-card.selected{border-color:var(--primary);background:var(--cream2)}.payment-card .icon{font-size:2.5rem;margin-bottom:8px}.payment-card h4{font-size:1rem}.payment-instructions{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px}.payment-instructions h3{margin-bottom:16px}.payment-instructions ol{padding-left:20px}.payment-instructions li{margin-bottom:8px;color:var(--text-mid)}.success-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.success-content{max-width:480px}.checkmark-animation{width:80px;height:80px;border-radius:50%;background:var(--secondary);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:scaleIn .5s ease}.checkmark-animation svg{width:40px;height:40px;stroke:var(--white);stroke-width:3;fill:none;stroke-dasharray:100;stroke-dashoffset:100;animation:drawCheck .8s ease .3s forwards}@keyframes scaleIn{0%{transform:scale(0)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes drawCheck{to{stroke-dashoffset:0}}.success-content h1{margin-bottom:12px}.success-content p{color:var(--text-mid);margin-bottom:24px}.story-reader{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px 0;min-height:500px}.story-narasi{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:32px 40px;font-family:Playfair Display,serif;font-size:1.125rem;line-height:1.9;color:var(--text)}.story-ilustrasi{background:var(--cream2);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:7rem;min-height:400px}.story-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid var(--border);margin-top:24px}.story-dots{display:flex;gap:8px}.story-dot{width:10px;height:10px;border-radius:50%;background:var(--border);cursor:pointer;transition:background .2s}.story-dot.active{background:var(--primary)}.story-progress{height:4px;background:var(--border);border-radius:2px;margin-bottom:24px}.story-progress-bar{height:100%;background:var(--primary);border-radius:2px;transition:width .3s}@media (max-width: 900px){.story-reader{grid-template-columns:1fr}.story-ilustrasi{min-height:200px;font-size:5rem}.product-grid{grid-template-columns:1fr}.catalog-layout{flex-direction:column}.catalog-sidebar{width:100%}}@media (max-width: 640px){.header-nav{display:none}.hero-title{font-size:2rem}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid-3{grid-template-columns:1fr}}.header{position:sticky;top:0;z-index:100;background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.header-inner{max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:72px}.nav-left{display:flex;align-items:center;gap:.25rem}.nav-item{position:relative}.nav-link{display:block;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:#374151;text-decoration:none;transition:color .2s;white-space:nowrap}.nav-link:hover{color:#b8860b}.dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:180px;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 25px #0000001a;padding:.5rem 0;z-index:200}.dropdown-menu a{display:block;padding:.5rem 1rem;font-size:.875rem;color:#374151;text-decoration:none;transition:background .2s,color .2s}.dropdown-menu a:hover{background:#f3f4f6;color:#b8860b}.dropdown:hover .dropdown-menu{display:block}.logo{text-align:center;flex-shrink:0}.logo a{text-decoration:none}.logo-title{font-family:Playfair Display,Georgia,serif;font-weight:700;font-size:1.5rem;color:#b8860b;margin:0;line-height:1.2;letter-spacing:.02em}.logo-subtitle{font-size:.7rem;color:#6b7280;margin:0;letter-spacing:.15em;text-transform:uppercase}.nav-right{display:flex;align-items:center;gap:.5rem}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:#374151;cursor:pointer;border-radius:50%;transition:background .2s,color .2s;text-decoration:none;position:relative}.icon-btn:hover{background:#f3f4f6;color:#b8860b}.cart-btn{position:relative}.cart-count{position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}@media (max-width: 768px){.nav-left{display:none}.header-inner{height:64px}.logo-title{font-size:1.25rem}}.promo-banner[data-astro-cid-vgixv3h4]{background:var(--primary);height:36px;overflow:hidden;display:flex;align-items:center}.promo-track[data-astro-cid-vgixv3h4]{display:flex;gap:20px;align-items:center;white-space:nowrap;font-size:11.5px;font-weight:600;color:#ffffffed;letter-spacing:.06em;animation:marquee 30s linear infinite}.promo-track[data-astro-cid-vgixv3h4] .sep[data-astro-cid-vgixv3h4]{opacity:.4}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}