:root{--navy:#142638;--blue:#183b5d;--yellow:#f4b521;--ink:#182a3c;--muted:#65717c;--bg:#f4f6f8}*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.topbar{background:#0e1d2c;color:#cdd6df;font-size:12px;padding:9px 0}.topbar span{float:right}.header{background:white;box-shadow:0 3px 15px #12223312;position:sticky;top:0;z-index:10}.nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:22px}.brand{font-weight:900;font-size:23px;letter-spacing:-1px;white-space:nowrap}.brand strong{color:#d99c0e}.brand img{max-height:62px;max-width:210px}.nav nav{display:flex;gap:19px;align-items:center;flex-wrap:wrap}.nav nav a{font-size:13px;font-weight:700}.nav nav a:hover,.text-link{color:#bb830b}.menu-toggle{display:none}.hero{background:linear-gradient(110deg,#13283e,#2b465f);color:white;min-height:530px;background-size:cover;background-position:center}.hero-inner{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:530px;gap:50px}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.1;letter-spacing:-2px;margin:18px 0}.hero p{font-size:18px;max-width:550px;color:#e2e8ef}.eyebrow{color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:2.5px}.eyebrow.dark{color:#bc850e}.btn{display:inline-block;background:var(--yellow);color:#192a39;border-radius:3px;font-weight:800;padding:14px 23px;margin:12px 10px 0 0}.btn.outline{background:transparent;border:1px solid #aab6c4;color:white}.hero-art{display:flex;align-items:end;justify-content:center;gap:15px}.bag{height:320px;width:205px;background:linear-gradient(145deg,#f9fafc,#cbd1d9);color:#183148;box-shadow:16px 24px 20px #0004;transform:rotate(-7deg);display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:30px solid #d4a31b}.bag b{font-size:95px;line-height:1}.bag small{font-weight:800}.bag span{font-size:11px;font-weight:800}.bag2{height:270px;width:175px;transform:rotate(8deg);border-color:#375c85}.section{padding:75px 0}.light{background:var(--bg)}h2{font-size:clamp(26px,3vw,38px);line-height:1.25;margin:12px 0 20px}p{color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-image{height:330px}.about-image img,.detail-image img{width:100%;height:100%;object-fit:cover}.placeholder{height:100%;min-height:210px;background:linear-gradient(145deg,#e3e7ec,#aebdca);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:#26415a}.placeholder b{color:#c18d1c}.placeholder small{font-size:11px;letter-spacing:2px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:white;border:1px solid #e9edf1;box-shadow:0 8px 28px #182a3c0b;overflow:hidden}.card>a{display:block;height:220px}.card>a img,.card>.placeholder,.card>a>.placeholder{height:220px;width:100%;object-fit:cover}.card-content{padding:20px}.card h3{font-size:17px;line-height:1.4;min-height:48px}.card small{color:#7b8894}.price{font-weight:900;color:#d29a14!important}.price del{color:#99a2ab;font-size:12px;margin-right:8px}.buy{display:block;border-top:1px solid #eee;padding-top:12px;font-weight:800;font-size:13px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.features article{background:#f6f8fa;padding:35px}.features b{font-size:34px;color:#e2ae27}details{border-bottom:1px solid #ddd;padding:18px 5px}summary{cursor:pointer;font-weight:750}.pagehero{background:#1b344c;color:white;padding:65px 0}.pagehero h1{font-size:42px;margin:0}.pagehero p{color:#bdc9d4}.filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filter a{padding:9px 14px;background:#f1f3f5;font-size:13px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:55px}.detail-image{height:420px}.article{max-width:900px;font-size:18px;white-space:normal}.article>img{max-width:100%;max-height:450px;object-fit:cover}footer{background:#0d1c2b;color:white;padding:55px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:50px}footer p{color:#a8b7c5}footer a{display:block;color:#a8b7c5;margin:8px 0}.copyright{border-top:1px solid #32404c;padding-top:20px;margin-top:40px;font-size:12px;color:#aab5bf}.floating-wa{position:fixed;bottom:24px;right:24px;background:#19b55c;color:white;border-radius:50%;height:58px;width:58px;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 24px #0004;z-index:20}.admin-body{background:#f0f3f7}.admin-wrap{width:min(1250px,94%);margin:35px auto}.admin-wrap>h1{font-size:28px}.admin-wrap>h1 span{color:#b48a25}.admin-layout{display:grid;grid-template-columns:230px 1fr;gap:24px}.admin-menu{background:#142638;padding:20px;border-radius:8px;align-self:start}.admin-menu>a{display:block;color:#c8d4df;padding:10px 13px;border-radius:4px}.admin-menu>a:hover,.admin-menu>a.active{background:#284761;color:white}.panel{background:white;border-radius:8px;padding:30px;box-shadow:0 5px 30px #1020300a}.panel h2{font-size:25px}.panel form label{display:block;font-weight:700;margin:14px 0 5px;font-size:14px}.panel input,.panel textarea{display:block;width:100%;border:1px solid #cbd4dc;padding:11px;border-radius:5px;font:inherit;margin-top:5px}.panel button,.admin-menu button{background:#e7b12b;border:0;border-radius:4px;padding:10px 18px;font-weight:800;cursor:pointer;margin-top:12px}.admin-menu button{width:100%}.panel .danger{background:#fbe2e2;color:#a41f1f;margin:0}.stats{display:flex;gap:20px;flex-wrap:wrap}.stats>div{background:#f0f4f7;padding:20px;min-width:130px}.stats b{font-size:32px;display:block}.item-list>div{display:flex;gap:15px;align-items:center;border-bottom:1px solid #eee;padding:10px 0}.item-list span{flex:1}.item-list a{color:#1462a1}.alert,.success{padding:14px;background:#fee6e6;color:#8d2222}.success{background:#e5f5e9;color:#156333}@media(max-width:950px){.nav nav{display:none;position:absolute;top:82px;left:0;right:0;background:white;padding:20px;box-shadow:0 10px 20px #0002}.nav nav.open{display:flex;flex-direction:column;align-items:start}.menu-toggle{display:block;border:0;background:none;font-size:25px}.cards{grid-template-columns:repeat(2,1fr)}.hero-inner{grid-template-columns:1fr}.hero-art{display:none}.hero{min-height:450px}.hero-inner{min-height:450px}.admin-layout{grid-template-columns:1fr}.admin-menu{display:flex;flex-wrap:wrap;gap:5px}}@media(max-width:600px){.topbar span{float:none;display:block}.cards,.features,.about,.detail,.footer-grid{grid-template-columns:1fr}.section{padding:45px 0}.section-heading{display:block}.hero h1{font-size:40px}.card>a{height:190px}.pagehero h1{font-size:32px}.panel{padding:18px}.admin-wrap{width:96%}}

/* Customizable slider, ordering process, footer social links */
.hero-slider{position:relative;background:#101928}.hero-slide{display:none;min-height:510px;background-size:cover;background-position:center}.hero-slide.is-active{display:block}.slider-controls{position:absolute;right:5%;bottom:24px;display:flex;gap:10px}.slider-controls button{border:1px solid #ffffff80;border-radius:50%;background:#141d2bb0;color:white;font-size:27px;width:43px;height:43px;cursor:pointer}.ordering{text-align:center;background:#fff}.ordering h2{font-size:34px;margin-bottom:42px}.order-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-bottom:44px}.order-step{position:relative}.step-number{height:52px;width:52px;border-radius:50%;background:#d71926;color:white;display:grid;place-items:center;font-size:21px;font-weight:800;margin:0 auto 16px;box-shadow:0 8px 15px #d7192630}.order-step:not(:last-child):after{content:'';position:absolute;top:26px;left:calc(50% + 34px);width:calc(100% - 35px);border-top:2px dashed #cbd5e1}.step-icon{font-size:30px;color:#d71926;height:37px}.order-step h3{font-size:18px;margin:4px 0}.order-step p{color:#64748b;line-height:1.65;margin:0}.order-whatsapp,.wa-social{display:inline-flex;align-items:center;justify-content:center;background:#1dcd69;color:white!important;border-radius:40px;padding:15px 30px;text-decoration:none;font-weight:700;box-shadow:0 8px 24px #1dcd6930}.footer-brand img{max-width:260px;max-height:90px;object-fit:contain}.social-list{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:22px}.social-list a:not(.wa-social){display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:#222936;color:#fff;text-decoration:none;font-weight:700}.social-list .wa-social{padding:9px 17px}@media(max-width:720px){.order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-step:after{display:none}.hero-slide{min-height:420px}}@media(max-width:420px){.order-grid{grid-template-columns:1fr}}

/* Product detail v3 */
.product-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start}.product-main-image{min-height:380px;background:#f7f8fa;border:1px solid #e5e7eb;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-main-image img{width:100%;max-height:540px;object-fit:contain}.product-thumbnails{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.product-thumb{width:86px;height:86px;border:2px solid #e5e7eb;background:white;border-radius:9px;padding:4px;cursor:pointer}.product-thumb.active,.product-thumb:focus-visible{border-color:#d51c28}.product-thumb img{width:100%;height:100%;object-fit:contain}.product-summary h2{font-size:clamp(26px,3vw,38px)}.product-detail-price{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.product-detail-price del{color:#88909b;font-size:19px;font-weight:400}.product-detail-price strong{font-size:30px;color:#d51c28}.discount-pill{display:inline-block;background:#fce8ea;color:#b50c18;padding:6px 12px;border-radius:30px;font-weight:700;margin-bottom:16px}.product-information{margin-top:48px;border-top:1px solid #e5e7eb}.product-tab-buttons{display:flex;gap:10px;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.product-tab-buttons button{background:none;border:0;border-bottom:3px solid transparent;padding:18px 22px;font-weight:700;cursor:pointer;color:#596274}.product-tab-buttons button.active{color:#d51c28;border-bottom-color:#d51c28}.product-tab-panel{padding:24px 0;line-height:1.85;white-space:normal}.product-tab-panel p{white-space:normal}.spec-table{width:100%;border-collapse:collapse}.spec-table th,.spec-table td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}.spec-table th{width:35%;background:#f8f9fb}.related-products{margin-top:42px}.related-products h2{margin-bottom:8px}.related-products .cards{margin-top:24px}.back-to-top{position:fixed;right:22px;bottom:90px;width:48px;height:48px;background:#d51c28;color:white;border:0;border-radius:50%;font-size:26px;font-weight:700;cursor:pointer;box-shadow:0 5px 22px #0003;z-index:100;opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}@media(max-width:760px){.product-detail-layout{grid-template-columns:1fr;gap:25px}.product-main-image{min-height:260px}.product-thumb{width:68px;height:68px}.back-to-top{right:16px;bottom:82px}}

/* V4 */
.media-preview{margin:10px 0;padding:10px;background:#f5f7fa;border:1px solid #dde4ed;border-radius:8px}.media-preview img{display:block;max-height:150px;max-width:280px;object-fit:contain}.panel label small{display:block;color:#66788a;font-weight:400}.breadcrumb{padding:14px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#536779}.breadcrumb a{color:#be1d2a;text-decoration:underline;text-underline-offset:3px}.breadcrumb [aria-current]{font-weight:700;color:#233448}.brochure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin:25px 0}.brochure-item{border:1px solid #e0e5ec;padding:22px;border-radius:10px}.brochure-item .btn{font-size:13px}.hero-slide{background-size:cover;background-position:center}
@media(max-width:950px){.cards{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:12px;gap:14px;padding:5px 2px 20px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.cards>.card{flex:0 0 clamp(220px,55vw,285px);scroll-snap-align:start}.cards::-webkit-scrollbar{height:6px}.cards::-webkit-scrollbar-thumb{background:#bdc8d3;border-radius:8px}}