:root{--bg:#111214;--panel:#191a1d;--panel2:#202125;--white:#f7f7f5;--muted:#a4a5aa;--line:#303136;--orange:#ff642e;--orange2:#ff8757;--font:'Inter',sans-serif;--display:'Nunito Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.section-wrap{width:min(1160px,calc(100% - 48px));margin:0 auto}.section-pad{padding-top:110px;padding-bottom:110px}.announcement{height:34px;display:flex;align-items:center;gap:9px;padding:0 max(24px,calc((100vw - 1160px)/2));background:var(--orange);color:#111;font-size:10px;font-weight:800;letter-spacing:1.2px}.pulse{width:6px;height:6px;background:#111;border-radius:50%}.announcement-right{margin-left:auto}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;width:min(1160px,calc(100% - 48px));margin:auto;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:40px;height:40px;background:var(--orange);color:#111;display:grid;place-items:center;font:700 27px var(--display);border-radius:9px;letter-spacing:-3px}.brand-mark span{color:white}.brand-name{font:700 16px var(--display);letter-spacing:1.5px;line-height:1.15}.brand-name small{display:block;font:600 9px var(--font);letter-spacing:3px;margin-top:5px;color:#b7b7bb}.nav{display:flex;align-items:center;gap:31px;font-size:12px;font-weight:600;color:#d0d0d2}.nav a:hover,.footer-links a:hover{color:var(--orange)}.nav-cta{padding:12px 16px;border:1px solid #4a4b4f;border-radius:5px}.nav-cta span{color:var(--orange);padding-left:10px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;position:relative;padding-top:65px;padding-bottom:75px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;font-weight:700;color:#b6b6ba}.eyebrow-line{display:inline-block;width:26px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);letter-spacing:-2.8px;line-height:.99;font-weight:700}h1{font-size:clamp(48px,6vw,78px);margin:24px 0}.hero h1 span,.section-heading h2 span,.contact-inner h2 span{color:var(--orange)}.hero-desc{max-width:465px;color:#b9b9bd;font-size:15px;line-height:1.8}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:0 19px;border-radius:5px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-orange{background:var(--orange);color:#111}.btn-orange:hover{background:var(--orange2)}.btn-outline{border:1px solid #45464a;color:#f4f4f4}.btn-outline:hover{border-color:var(--orange)}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:38px}.proof-avatars{display:flex}.proof-avatars b{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#292a2e;border:2px solid var(--bg);margin-right:-6px;font-size:11px;color:var(--orange)}.proof-avatars b:nth-child(2){background:var(--orange);color:#111}.hero-proof p{margin:0;font-size:11px;line-height:1.4}.hero-proof small{color:var(--muted)}.hero-art{height:440px;position:relative;overflow:hidden;background:#1a1b1e;border:1px solid #2c2d31;border-radius:7px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:35px 35px}.art-orbit{position:absolute;border:1px solid #ff642e55;border-radius:50%;width:420px;height:420px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:320px;height:320px;border-color:#ffffff16}.print-card{position:absolute;box-shadow:0 25px 55px #0008}.card-back{width:200px;height:275px;background:#e9e6de;left:16%;top:17%;transform:rotate(-12deg);padding:20px;color:#171719}.mini-logo{font:700 22px var(--display)}.mini-logo span{color:var(--orange)}.mini-lines{height:4px;width:60%;background:#c7c3b9;margin-top:100px}.mini-orange{height:36px;width:100%;background:var(--orange);margin-top:12px}.card-front{width:225px;height:300px;background:var(--orange);left:36%;top:21%;transform:rotate(8deg);padding:18px;color:#151515;display:flex;flex-direction:column}.card-topline{font-size:8px;letter-spacing:1.6px;font-weight:800}.card-big{font:700 40px/.91 var(--display);letter-spacing:-2px;margin:auto 0}.card-big em{font-style:normal;color:#fff}.card-footer{display:flex;justify-content:space-between;font-size:7px;font-weight:800;letter-spacing:1px}.art-label{position:absolute;font-size:9px;line-height:1.6;letter-spacing:2px;font-weight:700;color:#d7d7d7}.label-top{right:20px;top:20px}.label-bottom{left:20px;bottom:20px;color:#929398}.art-sticker{position:absolute;right:7%;bottom:14%;background:#f3f0e8;color:#171719;padding:13px 14px;font:700 15px/.95 var(--display);transform:rotate(8deg);box-shadow:0 12px 25px #0007}.art-sticker span{color:var(--orange);font-size:22px}.hero-bottom{position:absolute;bottom:23px;left:0;right:0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#77787d}.ticker{overflow:hidden;background:var(--orange);color:#121212;transform:rotate(-1deg) scale(1.01);padding:16px 0}.ticker-track{display:flex;align-items:center;justify-content:space-around;gap:35px;white-space:nowrap;font:700 13px var(--display);letter-spacing:1.5px}.ticker i{font-style:normal;font-size:20px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:44px}.section-heading h2,.contact-inner h2{font-size:clamp(38px,4.5vw,57px);margin:16px 0 0}.section-heading>p{max-width:350px;color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 3px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{padding:26px 23px 25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:260px;display:flex;flex-direction:column}.service-icon{font-size:27px;color:var(--orange);margin-bottom:24px}.service-no{font-size:9px;letter-spacing:1.5px;color:#77787d}.service-card h3{font:600 17px var(--display);margin:12px 0}.service-card p{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:20px}.service-card a{font-size:10px;font-weight:700;margin-top:auto}.service-card a span{color:var(--orange);margin-left:7px}.products-section,.portfolio-section{background:#17181b;border-top:1px solid #242529;border-bottom:1px solid #242529}.filter-row{display:flex;gap:8px;margin:-12px 0 25px;flex-wrap:wrap}.filter{padding:9px 16px;border:1px solid #37383d;background:transparent;color:#b7b7bb;border-radius:30px;font-size:11px;cursor:pointer}.filter.active,.filter:hover{background:var(--orange);border-color:var(--orange);color:#111;font-weight:700}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product-card{min-width:0}.product-visual{height:245px;position:relative;overflow:hidden;border-radius:5px;background:#222327;display:grid;place-items:center}.visual-tag,.portfolio-label{position:absolute;top:13px;left:13px;font-size:8px;letter-spacing:1px;font-weight:700;color:#c7c7ca}.sticker-sheet{width:155px;height:177px;background:#eae7de;color:#171719;padding:18px;transform:rotate(-5deg);box-shadow:0 20px 35px #0006;position:relative}.sticker-sheet b{font:700 29px/.9 var(--display);letter-spacing:-1.8px}.sticker-sheet b span,.box-face b span{color:var(--orange)}.sticker-sheet small{display:block;font-size:7px;letter-spacing:1px;margin-top:22px}.sticker-sheet i{position:absolute;right:13px;bottom:12px;font-size:28px;color:var(--orange);font-style:normal}.visual-paper{background:#202226}.paper-stack{position:relative;width:170px;height:175px}.paper{position:absolute;width:135px;height:160px;box-shadow:0 12px 20px #0006}.p1{background:#ff642e;left:25px;top:3px;transform:rotate(12deg)}.p2{background:#c9d5d3;left:15px;top:8px;transform:rotate(-8deg)}.p3{background:#f2efe6;left:8px;top:13px;transform:rotate(2deg);padding:17px;color:#111}.p3 b{font:700 24px/.9 var(--display);letter-spacing:-1px}.p3 small{position:absolute;bottom:12px;font-size:7px;letter-spacing:1px}.visual-box{background:#222327}.mock-box{position:relative;width:165px;height:130px;transform:rotate(-8deg)}.box-face{position:absolute;left:10px;top:12px;width:125px;height:105px;background:#eeeae1;color:#111;padding:18px;z-index:2;box-shadow:0 14px 25px #0005}.box-face b{font:700 24px/.95 var(--display);letter-spacing:-1px}.box-face small{font-size:7px;letter-spacing:1px;display:block;margin-top:17px}.box-side{position:absolute;left:135px;top:20px;width:25px;height:105px;background:#c9c4b9;transform:skewY(-35deg)}.visual-shirt{background:#242529}.shirt-shape{width:140px;height:165px;background:#e8e5dc;clip-path:polygon(25% 0,42% 9%,58% 9%,75% 0,100% 20%,82% 42%,72% 33%,72% 100%,28% 100%,28% 33%,18% 42%,0 20%);display:flex;flex-direction:column;align-items:center;padding-top:52px;color:#141414;transform:rotate(-5deg)}.shirt-shape>span{font:700 30px var(--display)}.shirt-shape>span span{color:var(--orange)}.shirt-shape small{font-size:7px;letter-spacing:2px;text-align:center;margin-top:6px}.product-info{display:flex;align-items:center;justify-content:space-between;padding:17px 0 8px}.product-info h3{font:600 14px var(--display);margin:0 0 5px}.product-info p{font-size:10px;color:var(--muted);margin:0}.product-arrow{color:var(--orange)}.text-link{border:0;background:none;color:#ddd;font-size:10px;font-weight:700;padding:8px 0;cursor:pointer}.text-link span{color:var(--orange);margin-left:8px}.center-action{text-align:center;margin-top:38px}.price-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:5px}.price-table{border-collapse:collapse;width:100%;min-width:620px;text-align:left}.price-table th{font-size:9px;letter-spacing:1.2px;color:#929398;background:#1b1c20;padding:17px 20px;font-weight:700}.price-table td{padding:17px 20px;border-top:1px solid var(--line);font-size:12px}.price-table td strong{font-size:12px}.price-table td small{display:block;color:#88898f;font-size:10px;margin-top:3px}.price{font:600 14px var(--display);color:var(--orange);white-space:nowrap}.mini-order{border:1px solid #414247;background:transparent;color:#eee;border-radius:3px;padding:7px 10px;font-size:10px;cursor:pointer;white-space:nowrap}.mini-order:hover{border-color:var(--orange);color:var(--orange)}.price-note{font-size:10px;line-height:1.7;color:#85868b;margin-top:14px}.portfolio-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px}.portfolio-item{min-width:0}.portfolio-art{height:290px;position:relative;overflow:hidden;border-radius:4px}.portfolio-large .portfolio-art{height:350px}.art-poster{background:#e9e5db;color:#141414;padding:35px;display:flex;flex-direction:column;justify-content:center}.art-poster:before{content:"";position:absolute;width:200px;height:200px;border:35px solid var(--orange);border-radius:50%;right:-50px;top:25px}.poster-type{position:relative;z-index:1;font:700 clamp(40px,5vw,65px)/.84 var(--display);letter-spacing:-3px}.poster-type span{color:var(--orange)}.poster-bottom{position:absolute;bottom:20px;left:25px;font-size:8px;font-weight:800;letter-spacing:1px}.art-pack{background:#d9d4c9;color:#171719;display:grid;place-items:center}.pack-label{font:700 34px/.85 var(--display);letter-spacing:-2px;position:absolute;left:20px;top:100px;z-index:2}.pack-label span{color:var(--orange)}.pack-box{width:150px;height:130px;background:var(--orange);position:absolute;right:10px;bottom:20px;transform:rotate(-18deg);box-shadow:0 20px 30px #0003}.pack-box:after{content:"FOXBCI";position:absolute;top:52px;left:28px;font:700 16px var(--display);color:#151515;transform:rotate(0deg)}.art-apparel{background:#27282b;display:grid;place-items:center}.apparel-type{font:700 55px/.82 var(--display);letter-spacing:-4px;z-index:2}.apparel-type span{color:var(--orange);font-size:20px;vertical-align:top}.apparel-circle{width:180px;height:180px;border:1px solid #ff642e99;border-radius:50%;position:absolute;right:-35px;bottom:-65px}.portfolio-caption{display:flex;align-items:center;justify-content:space-between;padding:15px 0}.portfolio-caption h3{font:600 13px var(--display);margin:0 0 4px}.portfolio-caption p{font-size:10px;color:var(--muted);margin:0}.portfolio-caption>span{color:var(--orange)}.contact-section{background:#202125;border-top:1px solid #333438}.contact-inner{padding:95px 0;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.contact-inner h2{margin:20px 0}.contact-inner>div:first-child>p{max-width:440px;font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:26px}.contact-side{border-top:1px solid #404146}.contact-row{display:flex;gap:17px;padding:23px 0;border-bottom:1px solid #404146}.contact-icon{width:37px;height:37px;display:grid;place-items:center;border:1px solid #55565a;border-radius:5px;color:var(--orange);font-size:19px;flex-shrink:0}.contact-row small{font-size:8px;letter-spacing:1.5px;color:#96979c;display:block;margin-bottom:5px}.contact-row strong{font:600 15px var(--display)}.contact-row p{font-size:10px;color:#9c9da2;margin:4px 0 0}.footer{background:#111214}.footer-top{padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top>p{font-size:11px;color:#85868b;line-height:1.7;margin:0}.footer-links{display:flex;gap:22px;font-size:10px;color:#b8b8bc}.footer-bottom{border-top:1px solid #292a2e;padding:17px 0;display:flex;justify-content:space-between;gap:15px;color:#77787d;font-size:9px;letter-spacing:1px}.footer-bottom a{color:#c3c3c6}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:20;background:#ff642e;color:#111;border-radius:50px;padding:12px 17px;display:flex;align-items:center;gap:9px;box-shadow:0 8px 30px #0006;font-size:11px;font-weight:800}.wa-symbol{font-size:16px}.hidden{display:none!important}
@media(max-width:900px){.nav{gap:17px}.hero{gap:25px}.hero-art{height:390px}.card-front{left:35%;width:190px;height:260px}.card-big{font-size:34px}.card-back{width:170px;height:240px}.services-grid{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:repeat(2,1fr);row-gap:28px}.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-large{grid-column:span 2}.portfolio-large .portfolio-art{height:300px}.contact-inner{gap:40px}}
@media(max-width:640px){.section-wrap,.site-header{width:calc(100% - 34px)}.section-pad{padding-top:75px;padding-bottom:75px}.announcement{padding:0 17px;font-size:8px;letter-spacing:.7px}.announcement-right{font-size:8px}.site-header{height:72px}.brand-mark{width:36px;height:36px}.brand-name{font-size:14px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:71px;left:0;right:0;background:#191a1d;border:1px solid #343539;padding:18px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:13px 4px;border-bottom:1px solid #2c2d31}.nav .nav-cta{margin-top:10px;text-align:center;border:1px solid #444}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:55px;padding-bottom:65px;gap:30px}.hero h1{font-size:58px}.hero-desc{font-size:13px}.hero-art{height:355px}.card-front{width:180px;height:245px;left:35%;top:20%;padding:15px}.card-big{font-size:32px}.card-back{width:155px;height:220px;left:12%;top:18%}.mini-lines{margin-top:78px}.art-sticker{right:5%;bottom:13%}.hero-bottom{bottom:18px;font-size:7px}.ticker-track{justify-content:flex-start;gap:22px;font-size:11px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.contact-inner h2{font-size:43px}.section-heading>p{margin-top:20px;font-size:12px}.services-grid{grid-template-columns:1fr 1fr}.service-card{padding:20px 15px;min-height:255px}.service-card h3{font-size:15px}.service-card p{font-size:11px}.products-grid{gap:24px 12px}.product-visual{height:190px}.sticker-sheet{transform:scale(.82) rotate(-5deg)}.paper-stack{transform:scale(.82)}.mock-box{transform:scale(.8) rotate(-8deg)}.shirt-shape{transform:scale(.8) rotate(-5deg)}.product-info h3{font-size:12px}.product-info p{font-size:9px}.product-info{align-items:flex-start}.filter-row{gap:6px}.filter{padding:8px 12px;font-size:10px}.price-table td,.price-table th{padding:14px 12px}.portfolio-grid{grid-template-columns:1fr}.portfolio-large{grid-column:auto}.portfolio-art,.portfolio-large .portfolio-art{height:300px}.contact-inner{grid-template-columns:1fr;gap:35px;padding:70px 0}.footer-top{align-items:flex-start;flex-wrap:wrap}.footer-top>p{width:calc(100% - 180px)}.footer-links{width:100%;flex-wrap:wrap;gap:18px}.footer-bottom{flex-wrap:wrap;font-size:8px}.floating-wa{right:13px;bottom:13px;padding:11px 14px}.hero-actions .btn{flex:1;gap:12px;padding:0 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.marketplace-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.marketplace-buttons a{border:1px solid #55565a;border-radius:4px;padding:7px 10px;font-size:10px;font-weight:700}.marketplace-buttons a:hover{border-color:var(--orange);color:var(--orange)}.marketplace-note{font-size:10px;color:#8c8d92;line-height:1.5}.marketplace-buttons:has(a:not([hidden])) .marketplace-note{display:none}


/* Gallery slideshow: static images/artwork, only the slide changes */
.gallery-slideshow { display: flex !important; gap: 22px; overflow: hidden; align-items: stretch; }
.gallery-slideshow .portfolio-item { flex: 0 0 calc((100% - 44px) / 3); min-width: 0; display: none; }
.gallery-slideshow .portfolio-item.gallery-active { display: block; animation: galleryFade .35s ease; }
.gallery-slideshow .portfolio-item.portfolio-large { grid-column: auto; }
.gallery-controls { display:flex; align-items:center; justify-content:center; gap:18px; margin-top:24px; }
.gallery-controls button { border:1px solid var(--line, #343434); background:transparent; color:inherit; border-radius:8px; min-width:40px; height:40px; cursor:pointer; }
.gallery-dots { display:flex; gap:8px; align-items:center; }
.gallery-dots button { min-width:8px; width:8px; height:8px; padding:0; border:0; border-radius:50%; background:#666; }
.gallery-dots button.active { width:24px; border-radius:8px; background:#ff5b2e; }
.product-photo { display:block; width:100%; height:100%; min-height:180px; object-fit:cover; border-radius:inherit; }
.product-visual:has(.product-photo) { overflow:hidden; }
@keyframes galleryFade { from {opacity:.55} to {opacity:1} }
@media(max-width:760px) { .gallery-slideshow .portfolio-item { flex-basis:100%; } }
@media(prefers-reduced-motion:reduce) { .gallery-slideshow .portfolio-item.gallery-active { animation:none; } }


/* FOXBCI clean white + blue theme */
:root{--bg:#ffffff;--panel:#ffffff;--panel2:#f5f7fb;--white:#111827;--muted:#667085;--line:#e5e7eb;--orange:#0866ee;--orange2:#38bdf8}
body{background:#fff;color:#111827}.announcement{background:#0866ee;color:#fff}.pulse{background:#fff}
.site-header{border-color:#e5e7eb}.brand-mark{background:#0866ee;color:#fff}.brand-mark span{color:#9deaff}.brand-name small{color:#667085}.nav{color:#374151}.nav a:hover,.footer-links a:hover{color:#0866ee}.nav-cta{border-color:#d1d5db}.nav-cta span{color:#0866ee}.menu-toggle{color:#111827}
.eyebrow{color:#64748b}.eyebrow-line{background:#0866ee}h1,h2,h3{color:#111827}.hero h1 span,.section-heading h2 span,.contact-inner h2 span{color:#0866ee}.hero-desc{color:#596579}.btn-orange{background:#0866ee;color:#fff}.btn-outline{border-color:#d1d5db;color:#111827}.btn-outline:hover{border-color:#0866ee;color:#0866ee}
.hero-art{background:linear-gradient(135deg,#eef5ff,#dceeff 55%,#f8fbff);border:1px solid #e5eaf2}.art-grid{opacity:.12}.art-orbit{border-color:#0866ee55}.label-top,.label-bottom{color:#52647d}.card-front{background:#0866ee;color:#fff}.card-back{background:#fff;border-color:#d9e4f5}.mini-logo{color:#111827}.mini-logo span,.mini-orange{background:#38bdf8;color:#0866ee}.art-sticker{background:#fff;color:#0866ee;border-color:#dbeafe}.hero-bottom{color:#667085}
.ticker{background:#f4f7fb;border-color:#e5e7eb;color:#344054}.ticker-track i{color:#0866ee}.service-card,.product-card{background:#fff;border-color:#e5e7eb;box-shadow:0 8px 28px #0f172a08}.service-card:hover,.product-card:hover{border-color:#bfdbfe;box-shadow:0 12px 28px #0866ee12}.service-icon{background:#eff6ff;color:#0866ee}.service-no{color:#0866ee}.service-card h3,.product-info h3{color:#111827}.service-card p,.product-info p{color:#667085}.service-card>a{color:#344054}.service-card>a span,.product-arrow,.text-link span{color:#0866ee}.products-section{background:#f8fafc;border-color:#e5e7eb}.filter{background:#fff;border-color:#e5e7eb;color:#475467}.filter.active{background:#0866ee;border-color:#0866ee;color:#fff}.text-link{color:#344054}.product-visual{background:#f1f5f9}.visual-sticker{background:#eaf2ff}.visual-paper{background:#f4f6fa}.visual-box{background:#edf4ff}.visual-shirt{background:#e9eef6}.shirt-shape{background:#111827;color:#fff}.shirt-shape>span span{color:#38bdf8}
.portfolio-section{background:#fff}.portfolio-art{border-radius:12px}.portfolio-caption h3{color:#111827}.portfolio-caption p{color:#667085}.portfolio-caption>span{color:#0866ee}.contact-section{background:#f8fafc;border-color:#e5e7eb}.contact-inner>div:first-child>p{color:#667085}.contact-side,.contact-row{border-color:#e5e7eb}.contact-row small{color:#667085}.contact-row p{color:#667085}.contact-icon{border-color:#dbeafe;color:#0866ee}.footer{background:#f8fafc}.footer-top>p,.footer-links{color:#667085}.footer-bottom{border-color:#e5e7eb;color:#667085}.footer-bottom a{color:#344054}.floating-wa{background:#0866ee;color:#fff;box-shadow:0 8px 30px #0866ee2b}.marketplace-buttons a{border-color:#d1d5db}.marketplace-note{color:#667085}
.nav.open{background:#fff;border-color:#e5e7eb}.nav .nav-cta{border-color:#d1d5db}.nav a{color:#344054}.nav .nav-cta{color:#0866ee}
.gallery-slideshow{display:flex!important;gap:18px;overflow:hidden;align-items:stretch;min-height:300px}.gallery-slideshow .portfolio-item{flex:0 0 calc((100% - 36px)/3);min-width:0;display:none}.gallery-slideshow .portfolio-item.gallery-active{display:block;animation:galleryFade .25s ease}.gallery-photo-wrap{height:300px!important;background:#f1f5f9;position:relative;overflow:hidden;border-radius:12px}.gallery-photo{display:block;width:100%;height:100%;object-fit:cover}.gallery-photo-wrap .portfolio-label{position:absolute;left:14px;top:14px;background:#ffffffdc;color:#344054;border-radius:20px;padding:6px 9px;font-size:9px;font-weight:700}.gallery-caption,.portfolio-caption{gap:12px}.gallery-order{font-size:11px;font-weight:700;color:#fff;background:#0866ee;border-radius:30px;padding:10px 14px;white-space:nowrap}.gallery-empty{color:#667085;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:35px;text-align:center;width:100%}.gallery-controls button{border-color:#dbe3ef;background:#fff;color:#0866ee}.gallery-dots button{background:#cbd5e1}.gallery-dots button.active{background:#0866ee}.gallery-image-error .gallery-photo-wrap:after{content:'Periksa URL gambar produk';display:grid;place-items:center;position:absolute;inset:0;background:#f1f5f9;color:#64748b;font-size:12px}.portfolio-section .section-pad{padding-top:80px}.portfolio-section .section-heading h2{font-size:clamp(38px,4vw,56px)}
@media(max-width:900px){.gallery-slideshow .portfolio-item{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:640px){.gallery-slideshow .portfolio-item{flex-basis:100%}.gallery-photo-wrap{height:260px!important}.hero h1{font-size:clamp(42px,12vw,58px)}.announcement{background:#0866ee}.nav{background:#fff}.portfolio-section .section-pad{padding-top:55px}}

/* FOXBCI original fox logo: header + mobile */
.brand-logo{display:block;width:42px;height:42px;object-fit:contain;flex:0 0 auto}.brand{gap:11px}.brand-name{color:#111827}.brand-name small{color:#667085}@media(max-width:640px){.brand-logo{width:36px;height:36px}}

/* Admin-managed clickable promo banners */
.promo-hero-active{background:#eef5ff!important;border-color:#dbeafe!important;isolation:isolate}
.promo-slides,.promo-slide{position:absolute;inset:0;display:block;width:100%;height:100%}
.promo-slide{opacity:0;pointer-events:none;transition:opacity .35s ease}
.promo-slide.is-active{opacity:1;pointer-events:auto;z-index:1}
.promo-slide img{display:block;width:100%;height:100%;object-fit:cover}
.promo-title{position:absolute;left:18px;bottom:18px;max-width:75%;padding:8px 12px;border-radius:8px;background:#ffffffed;color:#111827;font-size:12px;font-weight:700;box-shadow:0 4px 16px #0f172a18}
.promo-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:36px;height:36px;border:1px solid #dbeafe;border-radius:50%;background:#ffffffed;color:#0866ee;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 4px 15px #0f172a18}
.promo-prev{left:12px}.promo-next{right:12px}.promo-indicators{position:absolute;z-index:3;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;padding:5px 8px;border-radius:20px;background:#ffffffc9}.promo-indicators button{width:18px;height:4px;border:0;border-radius:4px;background:#94a3b8;padding:0;cursor:pointer}.promo-indicators button.active{background:#0866ee}.promo-image-error:after{content:'URL gambar promo tidak bisa dimuat';position:absolute;inset:0;display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-size:12px}
.promo-panel .muted{font-size:12px}.promo-url{overflow-wrap:anywhere;max-width:100%;display:block}
@media(prefers-reduced-motion:reduce){.promo-slide{transition:none}}

/* Revisi landing page: soft blue, seamless sections, centered full-width gallery */
.hero-art{aspect-ratio:19/6;height:auto;min-height:300px;max-height:440px;border:0;border-radius:18px;box-shadow:0 18px 50px #0f172a0b}
.hero{gap:42px}
.section-wrap{width:min(1240px,calc(100% - 48px))}
.site-header{width:min(1240px,calc(100% - 48px));border-bottom-color:transparent}
.portfolio-section,.products-section,.contact-section{border-top:0;border-bottom:0}
.portfolio-section .section-wrap{width:min(1240px,calc(100% - 48px))}
.gallery-slideshow{width:100%;margin-inline:auto;gap:22px;justify-content:center;min-height:360px}
.gallery-slideshow .portfolio-item{flex-basis:100%;max-width:100%;}
.gallery-photo-wrap{height:clamp(280px,38vw,460px)!important;border-radius:18px}
.portfolio-caption{padding:18px 4px 0}
.portfolio-caption h3{font-size:16px}
.portfolio-caption p{font-size:12px}
.gallery-price{margin-top:8px;color:#0866ee;font-size:13px;font-weight:800}
.product-price{padding:2px 0 6px;color:#0866ee;min-height:28px}
.product-price strong{font-size:15px;font-weight:800}
.product-price small{font-size:10px;color:#667085;font-weight:500}
.product-price .price-contact{font-size:12px}
.map-link{display:inline-flex;margin-top:10px;padding:9px 13px;background:#eaf2ff;color:#0866ee;border-radius:24px;font-size:11px;font-weight:700}
.map-link:hover{background:#dbeafe}
.hero,.portfolio-section,.products-section,.contact-section,.footer{position:relative}
.hero{padding-bottom:58px}
.ticker{transform:none;border:0;background:#f4f7fb;border-radius:14px;width:calc(100% - 48px);max-width:1240px;margin:0 auto;}
.service-card{border-color:transparent;border-radius:14px;background:#f8fafc}
.products-section{background:linear-gradient(180deg,#f8fafc 0%,#fff 100%)}
.portfolio-section{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.contact-section{background:linear-gradient(180deg,#f8fafc 0%,#eef5ff 100%)}
.footer{background:#f8fafc}
@media(max-width:900px){.hero-art{aspect-ratio:16/9;min-height:260px}.gallery-slideshow{min-height:300px}.gallery-photo-wrap{height:clamp(250px,48vw,380px)!important}}
@media(max-width:640px){.section-wrap,.site-header,.portfolio-section .section-wrap{width:calc(100% - 34px)}.hero-art{aspect-ratio:4/3;min-height:260px}.ticker{width:calc(100% - 34px);border-radius:10px}.gallery-slideshow{min-height:260px}.gallery-photo-wrap{height:260px!important}.portfolio-caption{align-items:flex-start;flex-direction:column}.gallery-order{align-self:flex-start}}

/* Harga normal, harga promo, dan badge diskon */
.price-discount{display:flex;align-items:center;gap:7px;margin-bottom:3px}
.price-discount del,.gallery-caption del,.portfolio-caption del{font-size:11px;color:#8792a5;font-weight:500}
.price-discount b,.gallery-discount{font-size:10px;font-weight:800;color:#d92d20;background:#fff0ee;border-radius:4px;padding:3px 5px}
.product-price .price-sale,.gallery-sale-price{color:#155eef;font-weight:850}
.portfolio-caption .gallery-discount{margin-left:5px}

/* Manual QRIS checkout */
.cart-open{border:1px solid #d9e5f5;background:#fff;color:#0d2850;border-radius:999px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer}.cart-open span{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:5px;border-radius:50%;background:#1264f5;color:#fff;font-size:12px}
.checkout-dialog{width:min(620px,calc(100% - 24px));max-height:90vh;overflow:auto;border:1px solid #dce7f6;border-radius:22px;padding:22px;color:#10223d;box-shadow:0 24px 90px #0b2b5630}.checkout-dialog::backdrop{background:#071a33a8;backdrop-filter:blur(4px)}.checkout-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.checkout-top strong{font-size:22px}.checkout-top button{border:0;background:#edf4ff;border-radius:50%;width:36px;height:36px;cursor:pointer}.cart-items{display:grid;gap:10px}.cart-line{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid #e6edf6;border-radius:13px;padding:12px}.cart-line p{margin:4px 0 0;color:#687993;font-size:13px}.cart-line-actions{display:flex;gap:7px;align-items:center}.cart-line-actions button{border:1px solid #d9e5f5;background:#f5f9ff;border-radius:8px;padding:5px 10px;cursor:pointer}.cart-total{display:flex;justify-content:space-between;padding:16px 0;margin:12px 0;border-top:1px solid #e6edf6;border-bottom:1px solid #e6edf6;font-size:17px}.checkout-form{display:grid;gap:12px}.checkout-form label{display:grid;gap:6px;font-size:13px;font-weight:700}.checkout-form input,.checkout-form textarea{width:100%;border:1px solid #d7e2f0;border-radius:10px;padding:11px 12px;font:inherit;font-weight:400;background:#fff;color:#10223d}.btn-blue{display:inline-flex;align-items:center;justify-content:center;background:#1264f5;color:white;border:0;border-radius:999px;padding:13px 18px;font-weight:700;text-decoration:none;cursor:pointer}.checkout-note{font-size:12px;color:#65758d;line-height:1.6}.qris-payment{margin-top:18px;padding-top:18px;border-top:1px solid #e6edf6}.qris-payment img{display:block;width:min(100%,380px);height:auto;margin:12px auto;border:1px solid #e6edf6;border-radius:10px}.qris-payment p{line-height:1.6}.cart-add{width:100%;margin-top:10px;border:0;border-radius:10px;background:#1264f5;color:white;padding:10px 12px;font-weight:700;cursor:pointer}.cart-add:disabled{background:#b5c1d3;cursor:not-allowed}
@media(max-width:640px){.cart-open{padding:8px 10px;font-size:12px}.checkout-dialog{padding:16px}.checkout-top strong{font-size:19px}}
/* Customer account and external courier rate links */
.account-dialog{max-width:520px}.account-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shipping-help{border:1px solid #dbe7f7;background:#f6f9ff;border-radius:12px;padding:13px}.shipping-help p{font-size:12px;line-height:1.6;color:#536681;margin:6px 0 12px}.shipping-links{display:flex;flex-wrap:wrap;gap:8px}.shipping-links a{display:inline-flex;padding:9px 12px;background:#fff;border:1px solid #cbdcf3;border-radius:999px;color:#1559c5;font-weight:700;text-decoration:none;font-size:13px}.shipping-links a:hover{background:#e9f2ff;transform:translateY(-1px)}.checkout-form select{width:100%;border:1px solid #d7e2f0;border-radius:10px;padding:11px 12px;font:inherit;background:#fff;color:#10223d}.cart-open{cursor:pointer}@media(max-width:520px){.account-actions{grid-template-columns:1fr}.shipping-links a{flex:1;justify-content:center}}


/* Tentang FOXBCI di bawah CTA pada kolom kiri bagian Kontak */
.about-foxbci{margin-top:42px;padding-top:28px;border-top:1px solid #dbeafe;max-width:660px;color:#475569}
.about-foxbci .eyebrow{font-size:10px;letter-spacing:1.8px;color:#64748b;display:flex;align-items:center;gap:10px}
.about-foxbci .eyebrow-line{display:inline-block;width:24px;height:2px;background:#0866ee}
.about-foxbci h3{font:700 clamp(20px,2.2vw,28px)/1.2 var(--display);letter-spacing:-.6px;color:#111827;margin:18px 0 14px}
.about-foxbci p{font-size:12px;line-height:1.85;color:#475569;margin:0 0 13px}
.about-foxbci .about-tagline{margin-top:18px;color:#111827;font-size:13px}
.about-foxbci .about-tagline span{color:#0866ee}
@media(max-width:900px){.about-foxbci{max-width:none;margin-top:34px}.contact-inner{align-items:start}}

/* FOXBCI homepage order and soft-blue service bubbles */
.services-bubbles-section{padding-top:72px;padding-bottom:76px;background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);border-radius:24px;margin-top:24px;margin-bottom:32px}
.service-bubbles{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:30px}
.service-bubble{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border:1px solid #dbeafe;border-radius:999px;background:linear-gradient(135deg,#fff,#eff6ff);color:#183153;font-size:12px;font-weight:700;box-shadow:0 5px 18px #2563eb0b;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}
.service-bubble span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#dbeafe;color:#0866ee;font-size:14px}
.service-bubble:hover,.service-bubble.active{transform:translateY(-2px);border-color:#93c5fd;background:#dbeafe;box-shadow:0 8px 20px #2563eb18}
.service-bubble.active{color:#0753c7}
.map-hours-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.72fr);gap:14px;align-items:stretch;border-bottom:1px solid #e5e7eb}
.map-hours-wrap .contact-row{border-bottom:0;min-width:0}
.file-hours{margin:14px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:18px;border:1px solid #bfdbfe;border-radius:16px;background:linear-gradient(145deg,#eff6ff,#dbeafe);color:#12315a}
.file-hours .hours-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#0866ee;font-size:22px}
.file-hours small{font-size:9px;letter-spacing:1.3px;color:#2563eb;font-weight:800}
.file-hours strong{font:800 21px/1.1 var(--display);color:#0753c7}
.file-hours p{font-size:11px;line-height:1.5;font-weight:800;margin:0;color:#1e40af}
.file-hours a{font-size:11px;font-weight:800;color:#fff;background:#0866ee;border-radius:999px;padding:8px 12px;margin-top:3px}
@media(max-width:640px){.services-bubbles-section{padding:38px 18px;margin-top:8px;border-radius:18px}.service-bubbles{gap:8px;margin-top:22px}.service-bubble{padding:9px 12px;font-size:10px;gap:6px}.service-bubble span{width:21px;height:21px;font-size:12px}.map-hours-wrap{grid-template-columns:1fr;gap:0}.file-hours{margin:0 0 16px 54px;padding:14px;min-height:0}.file-hours strong{font-size:20px}}

/* Fix clickable 24/7 file CTA */
.file-hours{position:relative;z-index:2;pointer-events:auto}.file-hours-cta{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;text-decoration:none;transition:transform .18s ease,background .18s ease}.file-hours-cta:hover{background:#0753c7;transform:translateY(-1px)}.file-hours-cta:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}

/* Kategori katalog: dropdown utama dan subkategori */
.filter-row { display:flex; flex-wrap:wrap; gap:12px; align-items:end; }
.catalog-filter-label { display:flex; flex-direction:column; gap:6px; color:var(--muted,#aeb8c8); font-size:12px; min-width:min(260px,100%); }
.catalog-filter-label select { width:100%; min-height:42px; border:1px solid var(--line,#353b45); border-radius:8px; padding:9px 12px; background:var(--panel,#17191d); color:var(--text,#fff); font:inherit; }
.product-category-label { display:block; margin-top:6px; font-size:11px; opacity:.72; }

/* FOXBCI top operating strip */
.operating-strip { min-height:36px; height:auto; padding-top:8px; padding-bottom:8px; gap:12px; flex-wrap:wrap; }
.operating-strip strong { font-weight:800; }
.operating-status { font-size:10px; font-weight:800; letter-spacing:.2px; }
.operating-status.is-open { color:#123c12; }
.catalog-search { margin:0 0 22px; max-width:720px; }
.catalog-search>label { display:block; margin-bottom:7px; font-size:12px; font-weight:700; color:var(--muted,#aeb8c8); }
.search-input-wrap { display:flex; align-items:center; gap:10px; border:1px solid var(--line,#37383d); background:var(--panel,#17191d); border-radius:10px; padding:0 12px; min-height:46px; }
.search-input-wrap>span { font-size:24px; line-height:1; color:var(--orange,#ff5b2e); }
.search-input-wrap input { flex:1; width:100%; border:0; outline:0; background:transparent; color:var(--text,#fff); font:inherit; min-height:44px; }
.search-input-wrap button { border:0; background:transparent; color:var(--muted,#aeb8c8); font-size:23px; cursor:pointer; }
.category-icon-rail { display:flex; gap:12px; overflow-x:auto; overscroll-behavior-x:contain; padding:6px 2px 14px; scrollbar-width:thin; scroll-snap-type:x proximity; }
.category-icon-card { flex:0 0 112px; min-height:112px; padding:12px 8px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; border:1px solid transparent; border-radius:12px; background:transparent; color:var(--text,#fff); cursor:pointer; scroll-snap-align:start; transition:background .15s,border-color .15s,transform .15s; }
.category-icon-card:hover,.category-icon-card.active { background:var(--panel,#17191d); border-color:var(--orange,#ff5b2e); }
.category-icon-card.active { box-shadow:inset 0 -3px 0 var(--orange,#ff5b2e); }
.category-icon { font-size:34px; line-height:1.1; }
.category-icon-name { font-size:11px; line-height:1.35; font-weight:700; text-align:center; }
.catalog-subfilter { display:flex; justify-content:flex-end; margin-bottom:14px; }
.catalog-filter-label { display:flex; flex-direction:column; gap:6px; color:var(--muted,#aeb8c8); font-size:12px; min-width:min(260px,100%); }
.catalog-filter-label select { width:100%; min-height:42px; border:1px solid var(--line,#353b45); border-radius:8px; padding:9px 12px; background:var(--panel,#17191d); color:var(--text,#fff); font:inherit; }
.product-category-label { display:block; margin-top:6px; font-size:11px; opacity:.72; }
@media(max-width:600px){.operating-strip{font-size:9px;gap:8px}.operating-strip .announcement-right{margin-left:0}.category-icon-card{flex-basis:100px}.catalog-search{max-width:100%}.catalog-subfilter{justify-content:stretch}}

/* Revisi UI Public: search di area atas, teks lebih terbaca, ikon kategori berlabel */
.top-search-wrap { width:min(1160px,calc(100% - 48px)); margin:14px auto 0; }
.top-search-inner { max-width:650px; }
.top-search-inner>label { display:block; margin-bottom:7px; font-size:14px; font-weight:700; color:var(--text,#171719); }
.search-input-wrap { min-height:50px; border-radius:10px; }
.search-input-wrap input { font-size:15px; }
.search-input-wrap input::placeholder { color:#7b8190; opacity:1; }
.search-input-wrap>span { font-size:26px; }
.operating-strip { font-size:12px; min-height:42px; padding-top:9px; padding-bottom:9px; gap:14px; }
.operating-strip .operating-status,.operating-strip .live-wib { font-size:12px; font-weight:700; }
.live-wib strong { font-variant-numeric:tabular-nums; white-space:nowrap; }
.category-icon-card { flex-basis:128px; min-height:126px; gap:10px; padding:12px 9px; color:var(--text,#171719); }
.category-icon { font-size:38px; line-height:1.15; }
.category-icon-name { font-size:13px; line-height:1.35; font-weight:800; text-align:center; color:var(--text,#171719); overflow-wrap:anywhere; }
.category-icon-card:hover,.category-icon-card.active { background:#eef4ff; border-color:var(--blue,#145cff); }
.category-icon-card.active { box-shadow:inset 0 -3px 0 var(--blue,#145cff); }
.catalog-subfilter { margin-top:8px; margin-bottom:18px; }
.catalog-filter-label { font-size:14px; font-weight:600; color:var(--text,#171719); }
.catalog-filter-label select { min-height:46px; font-size:14px; }
.products-grid { row-gap:22px; }
.product-info h3 { font-size:16px; }
.product-info p { font-size:13px; line-height:1.55; }
.product-category-label { font-size:12px; margin-top:7px; }
.product-price { font-size:14px; }
.cart-add,.text-link { font-size:13px; }
@media(max-width:600px){
 .top-search-wrap{width:calc(100% - 32px);margin-top:10px}
 .top-search-inner{max-width:100%}
 .operating-strip{font-size:11px;gap:9px}
 .operating-strip .operating-status,.operating-strip .live-wib{font-size:11px}
 .category-icon-card{flex-basis:116px;min-height:118px}
 .category-icon-name{font-size:12px}
}

/* FOXBCI brand refresh: magenta + electric blue, bright clean storefront */
:root {
  --bg:#ffffff;
  --panel:#ffffff;
  --panel2:#f3f7ff;
  --white:#171923;
  --muted:#5f687b;
  --line:#dce5f3;
  --orange:#E6007E;
  --orange2:#c9006d;
  --font:'DM Sans',sans-serif;
  --display:'Space Grotesk',sans-serif;
}
body { background:#fff; color:#171923; }
.announcement { background:#f2f7ff; color:#25314a; border-bottom:1px solid #e3ebf8; font-size:12px; letter-spacing:.4px; }
.pulse { background:#E6007E; }
.site-header { background:#fff; border-bottom-color:#e3eaf5; }
.nav a,.nav button { color:#20283a; }
.nav a:hover,.nav button:hover { color:#E6007E; }
.hero { background:linear-gradient(110deg,#fff 0%,#fff 40%,#f1f6ff 100%); border-radius:20px; padding:42px 34px 28px; margin-top:18px; }
.hero h1 { color:#171923; letter-spacing:-.055em; }
.hero h1 .hero-magenta { color:#E6007E; }
.hero h1 .hero-blue { color:#075CFF; }
.hero-desc { color:#5f687b; font-size:16px; line-height:1.75; }
.eyebrow { color:#52627d; font-size:11px; letter-spacing:1.6px; }
.eyebrow-line { background:#075CFF; }
.btn-orange { background:#075CFF; color:#fff; border:1px solid #075CFF; }
.btn-orange:hover { background:#0049d9; }
.btn-outline { color:#E6007E; border:1px solid #E6007E; background:#fff; }
.btn-outline:hover { background:#fff1f8; border-color:#c9006d; }
.hero-proof p { color:#171923; }
.hero-proof small { color:#657086; }
.proof-avatars b { color:#E6007E; background:#fce7f3; border-color:#fff; }
.proof-avatars b:nth-child(2) { background:#075CFF; color:#fff; }
.hero-art { background:linear-gradient(135deg,#eef5ff,#fff1f8); border:1px solid #dbe7fb; border-radius:18px; box-shadow:0 18px 55px #154e9e12; }
.art-grid { background-image:linear-gradient(#075CFF0b 1px,transparent 1px),linear-gradient(90deg,#075CFF0b 1px,transparent 1px); }
.art-orbit { border-color:#E6007E35; }
.orbit-two { border-color:#075CFF22; }
.print-card { border-radius:12px; }
.card-back { background:linear-gradient(135deg,#E6007E,#ff75b6); }
.card-front { background:linear-gradient(145deg,#075CFF,#003bb5); color:#fff; }
.card-big em { color:#ff65b2; }
.mini-logo { color:#fff; }
.mini-orange { background:#E6007E; }
.art-sticker { color:#E6007E; }
.art-label { color:#4c5a74; }
.hero-bottom { color:#68758b; }
.products-section { background:#fff; }
.section-heading h2 { color:#171923; }
.section-heading h2 span,.contact-inner h2 span { color:#075CFF; }
.section-heading p { color:#5f687b; font-size:15px; line-height:1.75; }
.filter-row { gap:12px; }
.category-icon-rail { gap:12px; }
.category-icon-card { background:#fff; color:#171923; border:1px solid #e1eafa; box-shadow:0 6px 18px #173f7910; }
.category-icon-card:hover,.category-icon-card.active { background:#fff1f8; border-color:#E6007E; }
.category-icon-card.active { box-shadow:inset 0 -3px 0 #E6007E,0 8px 18px #e6007e14; }
.category-icon-name { color:#171923; }
.catalog-search .search-input-wrap,.search-input-wrap { background:#fff; border-color:#d6e0ef; }
.search-input-wrap input { color:#171923; }
.search-input-wrap input::placeholder { color:#66728a; }
.catalog-search>label,.top-search-inner>label { color:#3c4960; }
.catalog-filter-label { color:#3c4960; }
.catalog-filter-label select { background:#fff; color:#171923; border-color:#d6e0ef; }
.products-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.product-card { background:#fff; border:1px solid #e2eaf5; border-radius:12px; overflow:hidden; box-shadow:0 5px 18px #153a7010; }
.product-visual { aspect-ratio:1/1; height:auto; background:#f2f6fd; border-radius:0; }
.product-photo { width:100%; height:100%; object-fit:cover; }
.product-info { padding:12px 12px 4px; }
.product-info h3 { color:#171923; font-size:15px; }
.product-info p { color:#626e83; font-size:13px; }
.product-category-label { color:#7a8497; font-size:11px; }
.product-price { color:#075CFF; padding:0 12px; }
.cart-add { background:#075CFF; color:#fff; border:0; border-radius:8px; margin:10px 12px 0; width:calc(100% - 24px); font-size:13px; min-height:42px; }
.cart-add:hover { background:#0049d9; }
.text-link { color:#E6007E; padding:8px 12px 12px; font-size:12px; }
.portfolio-section { background:#f5f8ff; border-top:1px solid #e3ebf8; border-bottom:1px solid #e3ebf8; }
.portfolio-grid { gap:12px; }
.portfolio-grid img,.portfolio-grid .gallery-item,.gallery-slideshow img { aspect-ratio:1/1; object-fit:cover; border-radius:10px; }
.gallery-controls button { background:#fff; color:#075CFF; border:1px solid #d6e3f7; }
.services-bubbles-section { display:none !important; }
.contact-section { background:#fff; }
.about-foxbci { background:#f5f8ff; color:#171923; }
.about-foxbci p,.contact-section p { color:#5f687b; }
button,select,input { font-family:inherit; }
@media(max-width:900px) {
  .hero { padding:28px 22px 22px; }
  .products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  .hero { padding:24px 16px 18px; margin-top:10px; }
  .hero-desc { font-size:15px; }
  .products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .product-info { padding:9px 9px 3px; }
  .product-info h3 { font-size:13px; }
  .product-info p { font-size:12px; }
  .cart-add { width:calc(100% - 18px); margin:8px 9px 0; font-size:12px; }
  .text-link { padding:7px 9px 10px; }
}

/* Feature completion: asymmetric hero, square cards, portfolio lightbox, courier support */
.hero-showcase { height:auto; min-height:420px; overflow:visible; background:transparent; border:0; box-shadow:none; }
.hero-showcase-grid { display:grid; grid-template-columns:1.25fr .9fr .72fr; grid-template-rows:190px 190px; gap:12px; height:392px; }
.hero-showcase-tile { display:block; position:relative; overflow:hidden; border:1px solid #dce6f6; border-radius:15px; padding:0; cursor:pointer; background:linear-gradient(135deg,#e8f1ff,#fff0f7); color:#171923; text-align:left; box-shadow:0 10px 30px #143f7d12; }
.hero-showcase-tile img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.hero-showcase-tile:hover img { transform:scale(1.04); }
.hero-showcase-tile span { position:absolute; left:10px; right:10px; bottom:10px; padding:8px 10px; border-radius:8px; background:#ffffffed; color:#171923; font-size:12px; font-weight:700; }
.hero-tile-main { grid-column:1 / 3; grid-row:1 / 3; }
.hero-tile-second { grid-column:3; grid-row:1; }
.hero-tile-small { grid-column:3; }
.hero-showcase-tile:not(:has(img)) { display:flex; align-items:center; justify-content:center; padding:18px; }
.hero-placeholder-mark { font:800 clamp(22px,3vw,40px)/.95 var(--display); color:#075CFF; letter-spacing:-1.5px; }
.hero-tile-main:not(:has(img)) .hero-placeholder-mark { color:#E6007E; }
.hero-showcase-note { color:#64718a; font-size:11px; margin-top:12px; text-align:right; }
.product-visual { aspect-ratio:1/1; height:auto; }
.products-grid { gap:12px; }
.product-info h3 { font-size:14px; }
.product-info p { font-size:12px; }
.portfolio-item { background:#fff; border:1px solid #dfe7f4; border-radius:12px; overflow:hidden; }
.portfolio-art,.portfolio-large .portfolio-art { height:auto; aspect-ratio:1/1; border-radius:0; cursor:zoom-in; }
.gallery-photo-wrap { position:relative; }
.gallery-photo { display:block; width:100%; height:100%; object-fit:cover; }
.portfolio-caption { padding:12px; }
.portfolio-caption h3 { font-size:14px; color:#171923; }
.portfolio-caption p { font-size:12px; color:#657086; }
.portfolio-lightbox[hidden] { display:none !important; }
.portfolio-lightbox { position:fixed; inset:0; z-index:99999; background:rgba(13,17,28,.92); display:flex; align-items:center; justify-content:center; gap:16px; padding:30px; }
.portfolio-lightbox figure { margin:0; max-width:min(88vw,900px); max-height:88vh; display:flex; flex-direction:column; align-items:center; gap:10px; }
.portfolio-lightbox figure img { display:block; max-width:100%; max-height:78vh; width:auto; height:auto; object-fit:contain; border-radius:10px; box-shadow:0 15px 50px #0006; }
.portfolio-lightbox figcaption { color:#fff; font-size:14px; text-align:center; }
.portfolio-lightbox button { border:1px solid #ffffff50; background:#ffffff16; color:#fff; border-radius:50%; cursor:pointer; width:44px; height:44px; font-size:28px; line-height:1; flex-shrink:0; }
.portfolio-lightbox .lightbox-close { position:absolute; top:18px; right:20px; font-size:32px; }
body.lightbox-open { overflow:hidden; }
.expedition-section { background:#fff; border-top:1px solid #e4ebf6; padding:44px 0; }
.expedition-inner { width:min(1160px,calc(100% - 48px)); margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:22px; flex-wrap:wrap; }
.expedition-copy h2 { margin:0 0 5px; font-size:22px; color:#171923; }
.expedition-copy p { margin:0; color:#657086; font-size:14px; }
.expedition-logos { display:flex; flex-wrap:wrap; gap:10px; }
.expedition-chip { display:flex; align-items:center; gap:8px; border:1px solid #dce6f6; border-radius:10px; background:#f8faff; color:#26334c; padding:11px 14px; font-size:13px; font-weight:700; }
.expedition-chip span { display:grid; place-items:center; width:25px; height:25px; border-radius:7px; background:#e7efff; color:#075CFF; font-size:12px; }
@media(max-width:900px){.hero-showcase{min-height:340px}.hero-showcase-grid{height:320px;grid-template-rows:154px 154px;gap:9px}.hero-showcase-tile span{font-size:11px}.expedition-inner{align-items:flex-start}}
@media(max-width:600px){.hero-showcase{min-height:280px}.hero-showcase-grid{height:265px;grid-template-rows:128px 128px;gap:7px}.hero-showcase-tile{border-radius:10px}.hero-showcase-tile span{font-size:10px;padding:6px 7px;left:6px;right:6px;bottom:6px}.hero-showcase-note{font-size:10px}.portfolio-lightbox{padding:14px;gap:6px}.portfolio-lightbox button{width:36px;height:36px;font-size:23px}.portfolio-lightbox figure{max-width:calc(100vw - 80px)}.expedition-inner{width:calc(100% - 32px)}.expedition-copy h2{font-size:19px}.expedition-logos{gap:7px}.expedition-chip{padding:8px 10px;font-size:12px}}

/* FIX production layout: prevent hero showcase from overflowing into the copy */
.hero.section-wrap { display:grid !important; grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr); align-items:center; column-gap:clamp(28px,4vw,64px); row-gap:18px; width:min(1240px,calc(100% - 64px)); max-width:1240px; }
.hero-copy { min-width:0; width:100%; max-width:520px; position:relative; z-index:2; }
.hero-copy h1 { font-size:clamp(42px,5vw,72px); line-height:.99; overflow-wrap:normal; word-break:normal; }
.hero-art.hero-showcase { min-width:0; width:100%; max-width:100%; min-height:0; height:auto; align-self:center; margin:0; }
.hero-showcase-grid { width:100%; min-width:0; height:clamp(300px,36vw,440px); grid-template-columns:minmax(0,1.35fr) minmax(100px,.8fr); grid-template-rows:1fr 1fr; gap:12px; }
.hero-tile-main { grid-column:1; grid-row:1 / 3; }
.hero-tile-second { grid-column:2; grid-row:1; }
.hero-tile-small { grid-column:2; grid-row:2; }
.hero-bottom { grid-column:1 / -1; width:100%; display:flex; justify-content:space-between; }
.hero-showcase-note { text-align:left; }
@media(max-width:800px){
 .hero.section-wrap { grid-template-columns:minmax(0,1fr); width:calc(100% - 32px); row-gap:24px; }
 .hero-copy { max-width:100%; }
 .hero-copy h1 { font-size:clamp(42px,10vw,64px); }
 .hero-art.hero-showcase { width:100%; }
 .hero-showcase-grid { height:clamp(260px,65vw,380px); }
 .hero-bottom { grid-column:1; }
}
@media(max-width:480px){
 .hero-showcase-grid { height:250px; grid-template-columns:minmax(0,1.2fr) minmax(90px,.8fr); gap:7px; }
 .hero-copy h1 { font-size:42px; }
}

/* FINAL layout refinements based on user screenshots */
:root { --fox-magenta:#E6007E; --fox-blue:#075CFF; --fox-ink:#171923; --fox-soft-blue:#e7f0ff; }
.announcement.operating-strip { background:#e2edff; color:#1c3157; border-bottom:1px solid #c2d8ff; min-height:38px; }
.site-header { background:#fff; border-bottom:1px solid #dbe6f7; }
.top-search-wrap { background:#e7f0ff; padding:12px 0 14px; border-bottom:1px solid #cbdfff; }
.top-search-inner { max-width:1160px; width:calc(100% - 48px); margin:0 auto; }
.top-search-inner>label { color:#1b3155; font-size:13px; font-weight:600; }
.search-input-wrap { min-height:44px; border-radius:10px; border-color:#b9d0f6; box-shadow:0 2px 8px #174a8f0b; }
.hero.section-wrap { width:calc(100% - 48px); max-width:1240px; min-height:0; display:grid; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); align-items:center; gap:36px; margin:22px auto 30px; padding:38px 34px 28px; background:linear-gradient(110deg,#fff 0%,#fff 42%,#e5efff 100%); border-radius:20px; overflow:hidden; }
.hero-copy { width:100%; max-width:100%; min-width:0; }
.hero-copy h1 { font-size:clamp(42px,4.5vw,66px); line-height:1.02; letter-spacing:-.055em; margin:18px 0; }
.hero-desc { max-width:450px; font-size:15px; line-height:1.75; }
.hero-actions { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:10px; }
.hero-actions .btn { min-height:42px; padding:12px 17px; }
.hero-proof { margin-top:24px; }
.hero-art.hero-showcase { width:100%; max-width:none; min-width:0; height:auto; min-height:0; margin:0; align-self:center; background:transparent; border:0; box-shadow:none; overflow:visible; }
.hero-showcase-grid { display:grid; width:100%; height:auto; grid-template-columns:1fr 1fr; grid-template-rows:auto; gap:14px; }
.hero-showcase-tile,.hero-tile-main,.hero-tile-second,.hero-tile-small { grid-column:auto; grid-row:auto; min-width:0; width:100%; height:auto; aspect-ratio:1/1; border-radius:14px; overflow:hidden; background:#dbe9ff; }
.hero-showcase-tile img { width:100%; height:100%; object-fit:cover; display:block; }
.hero-showcase-tile span { left:10px; right:10px; bottom:10px; font-size:12px; }
.hero-placeholder-mark { font-size:18px; text-align:center; padding:18px; color:#075CFF; overflow-wrap:anywhere; }
.hero-showcase-note { font-size:11px; color:#657895; margin-top:10px; text-align:left; }
.section-heading { gap:28px; }
.section-heading p { max-width:390px; }
.products-section { background:#fff; }
.category-icon-rail { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.category-icon-card { min-height:90px; padding:10px 8px; border-radius:12px; }
.category-icon-card .category-icon { font-size:25px; }
.category-icon-name { font-size:11px; line-height:1.25; text-align:center; }
.products-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.product-card { border-radius:10px; }
.product-visual { aspect-ratio:1/1; height:auto; }
.product-info { padding:10px 10px 2px; }
.product-info h3 { font-size:13px; line-height:1.35; }
.product-info p { font-size:11px; line-height:1.45; }
.cart-add { width:calc(100% - 20px); margin:8px 10px 0; min-height:34px; padding:8px 10px; font-size:11px; border-radius:7px; }
.product-price { font-size:12px; padding:0 10px; }
.text-link { padding:7px 10px 10px; }
.portfolio-section { padding-top:10px; padding-bottom:10px; }
.portfolio-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.portfolio-item { min-width:0; background:#fff; border:1px solid #dfe8f6; border-radius:12px; overflow:hidden; }
.portfolio-art { aspect-ratio:1/1; height:auto; overflow:hidden; position:relative; background:#eaf2ff; }
.portfolio-art img { width:100%; height:100%; object-fit:cover; display:block; }
.portfolio-caption { padding:12px; min-height:65px; }
.portfolio-caption h3 { margin-bottom:4px; font-size:14px; line-height:1.3; }
.portfolio-caption p { margin:0; font-size:12px; line-height:1.5; color:#5f6d83; }
.gallery-controls { margin-top:14px; }
.expedition-section { padding:30px 0; background:#e7f0ff; border-top:1px solid #cbdfff; border-bottom:1px solid #cbdfff; }
.expedition-inner { max-width:1160px; }
.expedition-copy h2 { font-size:21px; margin-bottom:8px; }
.expedition-copy p { max-width:560px; line-height:1.6; }
.expedition-logos { justify-content:flex-start; }
.expedition-chip { background:#fff; border-color:#c9dcfa; min-height:42px; border-radius:9px; }
.contact-section { padding:54px 0 48px; background:#fff; }
.contact-inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.95fr); align-items:start; gap:46px; }
.about-foxbci { margin-top:28px; padding:24px; border-radius:0 0 14px 14px; background:#e7f0ff; border-top:2px solid #075CFF; }
.about-foxbci h3 { font-size:22px; margin:18px 0 14px; }
.about-foxbci p { font-size:13px; line-height:1.7; margin-bottom:12px; }
.contact-side { min-width:0; }
.contact-row { display:flex; align-items:flex-start; gap:14px; padding:18px 0; border-bottom:1px solid #dbe4f1; }
.contact-row p { font-size:12px; line-height:1.55; }
.map-hours-wrap { display:grid; grid-template-columns:minmax(0,1fr) minmax(150px,.8fr); gap:14px; align-items:stretch; }
.file-hours { border-radius:14px; background:#dceaff; border:1px solid #b9d2ff; padding:18px; min-width:0; }
.footer { background:#f5f8fd; color:#202b40; border-top:1px solid #e0e8f4; }
.footer-top,.footer-bottom { padding-top:22px; padding-bottom:22px; }
.footer-links a,.footer a { color:#33415c; }
@media(max-width:900px) {
 .hero.section-wrap { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; padding:28px 22px; }
 .hero-copy h1 { font-size:clamp(36px,5vw,52px); }
 .hero-showcase-grid { gap:9px; }
 .category-icon-rail { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .products-grid,.portfolio-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .contact-inner { gap:24px; }
}
@media(max-width:600px) {
 .top-search-inner { width:calc(100% - 32px); }
 .hero.section-wrap { width:calc(100% - 24px); grid-template-columns:1fr; gap:20px; margin:12px auto 22px; padding:24px 18px; }
 .hero-copy h1 { font-size:clamp(40px,11vw,52px); }
 .hero-showcase-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .hero-showcase-tile:not(:has(img)) { min-height:150px; }
 .category-icon-rail { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .products-grid,.portfolio-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
 .cart-add { min-height:32px; font-size:10px; padding:7px 6px; }
 .contact-inner { grid-template-columns:1fr; gap:24px; }
 .about-foxbci { padding:18px; margin-top:22px; }
 .map-hours-wrap { grid-template-columns:1fr; }
 .expedition-inner { width:calc(100% - 32px); }
 .expedition-logos { gap:7px; }
 .expedition-chip { padding:8px 10px; font-size:11px; }
}

/* Courier brand logo strip and portfolio admin integration polish */
.expedition-logos{align-items:center;gap:12px}.expedition-chip{display:flex;align-items:center;justify-content:center;min-width:108px;min-height:46px;padding:8px 12px}.expedition-chip img{display:block;width:auto;max-width:110px;height:30px;object-fit:contain}.expedition-chip:has(img[src*="jne"]) img{max-width:54px}.portfolio-item .gallery-photo-wrap{cursor:zoom-in}.portfolio-item .gallery-photo-wrap:focus-visible{outline:3px solid #075CFF;outline-offset:2px}.hero-showcase-tile img{object-position:center}.hero-showcase-grid{align-items:stretch}.hero-showcase-note{line-height:1.5}
@media(max-width:600px){.expedition-chip{min-width:86px;min-height:40px;padding:6px 8px}.expedition-chip img{max-width:88px;height:25px}.expedition-chip:has(img[src*="jne"]) img{max-width:48px}}

/* FOXBCI contact location, 24/7 image icon, and relocated expedition block */
.contact-icon.map-icon-link { text-decoration:none; cursor:pointer; }
.file-hours .hours-icon { overflow:hidden; flex-shrink:0; }
.file-hours .hours-icon img { display:block; width:100%; height:100%; object-fit:contain; }
.expedition-section { margin-top:18px; padding:18px; border:1px solid #cbdfff; border-radius:14px; background:#e7f0ff; }
.expedition-inner { width:100%; max-width:none; display:block; }
.expedition-copy h2 { font-size:18px; }
.expedition-copy p { font-size:12px; margin-bottom:14px; }
.expedition-logos { gap:8px; }
.expedition-chip { min-width:0; padding:8px 10px; min-height:38px; }
@media(max-width:600px) { .expedition-section { margin-top:14px; padding:14px; } .expedition-logos { gap:7px; } }

/* FOXBCI Soft Clean Refresh — light, calm, product-first visual language */
:root{--bg:#f8faff;--panel:#ffffff;--panel2:#f2f6fc;--white:#17243b;--muted:#6d7b91;--line:#e4eaf3;--orange:#3978e8;--orange2:#5b91f0;--font:'Inter',sans-serif;--display:'Nunito Sans',sans-serif}
html{background:#fff;scroll-padding-top:100px}
body{background:#fff;color:#24324a}
.announcement{background:#f0f5ff;color:#476083;letter-spacing:.45px;font-weight:600;border-bottom:1px solid #e3ebfa}
.pulse{background:#6b9bf0}
.operating-status{color:#607697}.live-wib{color:#607697}
.site-header{background:#fff;border-bottom:1px solid #edf1f7}
.brand-name{color:#1b2a44}.brand-name small{color:#7a879b}
.nav{color:#52627a}.nav a:hover,.footer-links a:hover{color:#3978e8}
.nav-cta{border:1px solid #dbe6f7;border-radius:9px;background:#f8faff;color:#315b9b}
.nav-cta span{color:#3978e8}.cart-open{border-color:#dbe6f7!important;background:#fff!important;color:#405471!important;border-radius:9px!important}
.top-search-wrap{background:#f8faff;border:1px solid #edf2fa;border-radius:14px;padding:12px 14px;margin-top:12px}
.top-search-inner label{color:#50627e}.search-input-wrap{background:#fff;border:1px solid #e1e9f5;border-radius:10px}.search-input-wrap input{color:#24324a}.search-input-wrap input::placeholder{color:#98a5b8}
.hero{background:linear-gradient(135deg,#fff 0%,#f8fbff 64%,#fff8fb 100%);border-radius:0 0 24px 24px;min-height:570px;padding-top:58px;padding-bottom:74px}
.eyebrow{color:#7a8aa2;letter-spacing:1.35px}.eyebrow-line{background:#8aafea}
h1,h2{color:#1b2941;letter-spacing:-2px}
.hero h1{font-size:clamp(44px,5.2vw,70px);line-height:1.04;letter-spacing:-2.5px}
.hero h1 .hero-magenta{color:#6786bc!important}.hero h1 .hero-blue{color:#3978e8!important}
.hero-desc{color:#687991;max-width:450px;font-size:14px}
.btn{border-radius:10px;min-height:45px;box-shadow:none}.btn-orange{background:#3978e8;color:#fff}.btn-orange:hover{background:#2f68ce}.btn-outline{border:1px solid #d7e3f5;color:#456184;background:#fff}.btn-outline:hover{border-color:#9bbbed;background:#f8fbff}
.hero-proof p{color:#33445e}.hero-proof small{color:#8190a5}.proof-avatars b{background:#eaf1fc;color:#3978e8;border-color:#fff}.proof-avatars b:nth-child(2){background:#dbe8fc;color:#315f9e}
.hero-art,.hero-showcase{background:transparent;border-color:transparent}.hero-showcase-tile{background:linear-gradient(140deg,#eaf2ff,#fff8fb);border:1px solid #e0e9f7;border-radius:16px;box-shadow:0 8px 26px #284c8210}.hero-showcase-note{color:#8190a5}.hero-bottom{color:#9aa6b7}
.ticker{background:#f4f7fc;color:#61738e;border:1px solid #edf1f7;border-radius:12px;box-shadow:none}.ticker-track i{color:#7197d4}
.section-pad{padding-top:82px;padding-bottom:82px}
.products-section{background:linear-gradient(180deg,#f8faff 0%,#fff 100%);border-color:#edf1f7}
.section-heading h2,.contact-inner h2{color:#1b2941;letter-spacing:-1.8px}.section-heading h2 span,.contact-inner h2 span{color:#3978e8!important}
.section-heading>p{color:#78869b}.filter{background:#fff!important;color:#667792!important;border:1px solid #e3eaf5!important;border-radius:999px!important}.filter.active{background:#eaf2ff!important;color:#315f9e!important;border-color:#cbdcf6!important}
.product-card{background:#fff!important;border:1px solid #e5ebf4!important;border-radius:14px!important;box-shadow:0 5px 22px #18365e08!important}.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #18365e12!important;border-color:#d2e1f8!important}
.product-info h3{color:#24334c}.product-info p{color:#7b899d}.product-arrow,.text-link{color:#3978e8!important}.visual-tag,.portfolio-label{color:#60718b}.visual-sticker{background:#edf3fd}.visual-paper{background:#f4f6fa}.visual-tag{background:#ffffffd9;border-radius:999px;padding:6px 9px}
.services-grid{border-color:#e7edf6}.service-card{background:#fff!important;border:1px solid #e5ebf4!important;border-radius:14px!important;box-shadow:0 5px 22px #18365e08!important}.service-card h3{color:#24334c}.service-card p{color:#7b899d}
.portfolio-section{background:linear-gradient(180deg,#fff 0%,#f8faff 100%)!important;border-color:#edf1f7!important}.portfolio-item{border-color:#e5ebf4!important;box-shadow:0 5px 20px #18365e08}.portfolio-art{background:#eef3fb}.portfolio-caption h3{color:#263650}.portfolio-caption p{color:#7b899d}.portfolio-caption>span{color:#3978e8}
.contact-section{background:linear-gradient(180deg,#f8faff 0%,#fff 100%)!important;border-color:#edf1f7!important}.contact-inner>div:first-child>p{color:#728198}.contact-icon{border-color:#dfe8f6!important;color:#3978e8!important;background:#fff;border-radius:10px}.about-foxbci{background:#f3f7ff!important;border:1px solid #e3ebf8!important;border-top:1px solid #e3ebf8!important;border-radius:14px;color:#52627b}.about-foxbci h3{color:#24334c}.about-foxbci p{color:#667792}.about-foxbci .about-tagline{color:#24334c}.about-foxbci .about-tagline span{color:#3978e8}
.expedition-section{background:#f3f7ff!important;border:1px solid #e3ebf8!important;border-radius:16px!important;padding:22px!important}.expedition-copy h2{color:#253550}.expedition-copy p{color:#71819a}.expedition-chip{border:1px solid #e0e8f5!important;background:#fff!important;border-radius:10px!important;box-shadow:0 2px 8px #18365e06;color:#455873!important}.expedition-chip:hover{border-color:#cbdcf6!important}
.footer{background:#f8faff!important;border-top:1px solid #e9eef7!important;color:#33445e}.footer-top>p,.footer-links{color:#71819a}.footer-bottom{border-color:#e7edf6;color:#8a97aa}.footer-bottom a,.footer-links a,.footer a{color:#50627d}
button,input,select,textarea{font-family:var(--font)}
@media(max-width:760px){.hero{padding-top:38px;padding-bottom:58px;gap:28px;border-radius:0 0 18px 18px}.section-pad{padding-top:58px;padding-bottom:58px}.top-search-wrap{border-radius:12px}.hero h1{font-size:clamp(40px,10vw,58px)}.expedition-section{padding:16px!important}}

/* Product detail calculator and configurable cart */
.product-detail-dialog{width:min(600px,calc(100% - 24px))}.detail-product-summary{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:center;margin-bottom:18px}.detail-product-summary img{width:112px;height:100px;object-fit:cover;border-radius:12px;background:#eef4fc}.detail-product-summary h3{margin:0 0 6px;font-size:19px}.detail-product-summary p{margin:0 0 8px;color:#64748b;font-size:13px}.detail-product-summary strong{color:#1d4ed8}.detail-price-box{display:grid;gap:5px;padding:14px;border:1px solid #dce8f8;border-radius:12px;background:#f5f9ff}.detail-price-box span{font-size:13px;color:#64748b}.detail-price-box strong{font-size:24px;color:#174ea6}.detail-price-box small{font-size:12px;color:#64748b}.product-detail-dialog .checkout-form textarea{width:100%;border:1px solid #d7e2f0;border-radius:10px;padding:11px 12px;font:inherit;font-weight:400;background:#fff;color:#10223d;resize:vertical}.cart-updated{outline:2px solid #93c5fd;outline-offset:2px}@media(max-width:480px){.detail-product-summary{grid-template-columns:80px 1fr}.detail-product-summary img{width:80px;height:80px}.cart-line{grid-template-columns:1fr}.cart-line-actions{justify-content:flex-end}}
.detail-price-breakdown{display:grid;gap:7px;margin-top:6px}.detail-price-breakdown>div{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;color:#334155}.detail-price-breakdown>div strong{font-weight:600;color:#1e293b}.detail-price-breakdown .detail-price-total{border-top:1px solid #dbe7f7;margin-top:3px;padding-top:9px;font-weight:700}.detail-price-breakdown .detail-price-total strong{font-size:22px;color:#174ea6}.cart-line small{display:block;color:#64748b;font-size:11px;margin-top:3px}

/* Public website typography refresh: softer, calmer and more readable */
:root{--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{font-family:var(--font);font-weight:400;letter-spacing:0;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2{letter-spacing:-1.6px;line-height:1.08;font-weight:650}
h3,.brand-name,.product-info h3,.service-card h3,.portfolio-caption h3{letter-spacing:-.25px;font-weight:600}
.nav,.btn,.filter,.text-link{font-family:var(--font);font-weight:550;letter-spacing:0}
.detail-product-summary h3{font-weight:650;letter-spacing:-.35px}
.checkout-form label{font-weight:550;letter-spacing:0}
.detail-price-box{font-family:var(--font);font-weight:400}

/* FOXBCI soft public typography override */
body,button,input,select,textarea{font-family:Inter, sans-serif;letter-spacing:normal}h1,h2,h3,h4,.brand-name,.product-info h3,.section-title{font-family:"Nunito Sans",sans-serif;letter-spacing:-.025em;font-weight:700}p,.muted,.product-info p{line-height:1.65}


/* FOXBCI product detail: clean mobile shopping layout inspired by the supplied reference video */
.product-detail-dialog{
  border:0!important;border-radius:20px!important;padding:22px!important;
  box-shadow:0 24px 70px rgba(15,23,42,.22)!important;
  max-height:min(92dvh,900px);overflow-y:auto;overscroll-behavior:contain;
  background:#fff!important;color:#1e293b;
}
.product-detail-dialog::backdrop{background:rgba(23,35,54,.58);backdrop-filter:blur(3px)}
.product-detail-dialog .checkout-top{
  position:sticky;top:-22px;z-index:5;background:rgba(255,255,255,.96);
  padding:4px 0 14px;margin:-4px 0 16px;border-bottom:1px solid #edf1f7;
  backdrop-filter:blur(8px)
}
.product-detail-dialog .checkout-top strong{font-size:20px;font-weight:650;letter-spacing:-.025em}
.product-detail-dialog .checkout-top button{
  border:0;background:#f1f5f9;color:#475569;width:36px;height:36px;border-radius:50%;
  font-size:18px;cursor:pointer
}
.detail-product-summary{grid-template-columns:92px 1fr;gap:14px;margin-bottom:22px}
.detail-product-summary img{width:92px;height:92px;border-radius:15px;object-fit:cover;background:#f1f5f9}
.detail-product-summary h3{font-size:18px;line-height:1.3;font-weight:650;letter-spacing:-.025em;color:#1e293b}
.detail-product-summary p{font-size:13px;line-height:1.45;color:#8491a5}
.detail-product-summary strong{font-size:19px;color:#2056b5;font-weight:700}
.product-detail-dialog .checkout-form{gap:15px}
.product-detail-dialog .checkout-form label{font-size:13px;font-weight:600;color:#344256;gap:7px}
.product-detail-dialog .checkout-form input,
.product-detail-dialog .checkout-form select,
.product-detail-dialog .checkout-form textarea{
  border:1px solid #dce4ee;border-radius:12px;padding:13px 14px;
  font-size:14px;box-shadow:none;outline:none
}
.product-detail-dialog .checkout-form input:focus,
.product-detail-dialog .checkout-form select:focus,
.product-detail-dialog .checkout-form textarea:focus{border-color:#9bbcf5;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.detail-price-box{border-radius:16px;background:#f5f8fd;border-color:#e4ebf5;padding:17px;gap:8px}
.detail-price-box>span{font-size:16px;color:#334155;font-weight:650}
.detail-price-breakdown{gap:10px;margin-top:7px}
.detail-price-breakdown>div{font-size:13px;color:#758297}
.detail-price-breakdown>div strong{font-size:16px;color:#243247;font-weight:650}
.detail-price-breakdown .detail-price-total{border-color:#dce5f0;padding-top:13px;margin-top:5px;color:#334155}
.detail-price-breakdown .detail-price-total strong{font-size:21px;color:#2056b5}
.product-detail-dialog .checkout-form>button.btn-blue,
.product-detail-dialog .checkout-form>a.btn-blue{
  position:sticky;bottom:0;z-index:4;width:100%;border-radius:12px;padding:15px 18px;
  box-shadow:0 -8px 18px rgba(255,255,255,.9);font-size:14px;background:#1764e8
}
.product-detail-dialog .checkout-note,.detail-price-box small{font-size:11px;line-height:1.5;color:#8190a5}
@media(max-width:600px){
 .product-detail-dialog{width:calc(100% - 20px);max-width:none;max-height:94dvh;margin:auto 10px;padding:18px!important;border-radius:20px!important}
 .product-detail-dialog .checkout-top{top:-18px;margin:-2px 0 15px;padding-bottom:12px}
 .product-detail-dialog .checkout-top strong{font-size:18px}
 .detail-product-summary{grid-template-columns:84px 1fr;gap:12px}
 .detail-product-summary img{width:84px;height:84px}
 .detail-product-summary h3{font-size:16px}
 .detail-product-summary strong{font-size:17px}
 .product-detail-dialog .checkout-form input,.product-detail-dialog .checkout-form select,.product-detail-dialog .checkout-form textarea{padding:12px;font-size:14px}
 .detail-price-box{padding:14px}
 .detail-price-breakdown .detail-price-total strong{font-size:19px}
}

/* FOXBCI final review: Montserrat, simpler category navigation, live calendar and map */
:root{--font:"Montserrat",sans-serif;--display:"Montserrat",sans-serif}
html,body,button,input,select,textarea{font-family:"Montserrat",sans-serif!important}
body{font-size:15px;line-height:1.68;letter-spacing:0}
h1,h2,h3,h4,.brand-name,.product-info h3,.section-title{font-family:"Montserrat",sans-serif!important;letter-spacing:-.02em}
.nav,.btn,.filter,.text-link,.cart-add{font-family:"Montserrat",sans-serif!important}
.welcome-running{width:100%;overflow:hidden;background:#edf4ff;border-top:1px solid #dce8fb;border-bottom:1px solid #dce8fb;color:#294b82;padding:8px 0;white-space:nowrap}
.welcome-running-track{display:flex;align-items:center;gap:52px;width:max-content;animation:foxbciWelcome 32s linear infinite;font-size:13px;font-weight:600}
.welcome-running-track span{display:inline-block;padding-left:10px}
@keyframes foxbciWelcome{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.section-heading>p{display:none!important}
.category-icon-rail{display:flex!important;flex-wrap:wrap;gap:20px 28px!important;overflow:visible!important;padding:10px 0 22px!important}
.category-icon-card,.category-icon-card:hover,.category-icon-card.active{flex:0 0 auto!important;min-height:0!important;min-width:0!important;width:auto!important;padding:6px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;color:#24334c!important}
.category-icon-card .category-icon{font-size:23px!important;line-height:1!important}
.category-icon-name{font-size:13px!important;font-weight:600!important;line-height:1.35!important;color:#24334c!important;text-align:left!important;white-space:normal!important}
.category-icon-card.active .category-icon-name{color:#145cff!important;font-weight:800!important}
.category-icon-card.active{box-shadow:inset 0 -2px 0 #145cff!important}
.catalog-subfilter{display:none!important}
.product-category-label{display:none!important}
.product-card{cursor:pointer}
.product-card .text-link{display:none!important}
.product-card .cart-add{font-size:13px;min-height:38px}
.center-action{display:none!important}
.live-calendar{background:#fff;border:1px solid #e1e9f5;border-radius:16px;padding:18px;margin:0 0 16px;box-shadow:0 6px 22px #18365e08}
.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.calendar-head small{display:block;color:#71819a;font-size:10px;font-weight:700;letter-spacing:1.2px}
.calendar-head strong{display:block;color:#253550;font-size:18px;font-weight:800;text-transform:capitalize}
.calendar-head>span{font-size:11px;color:#45658e;text-align:right}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}
.calendar-weekday{font-size:10px;font-weight:700;color:#71819a;padding:6px 0}
.calendar-day,.calendar-empty{display:grid;place-items:center;min-height:30px;border-radius:8px;font-size:12px;color:#35445c}
.calendar-day.is-today{background:#145cff;color:#fff;font-weight:800;box-shadow:0 3px 10px #145cff30}
.map-embed-link{position:relative;display:block;min-height:245px;overflow:hidden;border:1px solid #e1e9f5;border-radius:14px;background:#edf3fd}
.map-embed-link iframe{width:100%;height:245px;border:0;display:block;pointer-events:none}
.map-open-overlay{position:absolute;bottom:12px;left:12px;background:#fff;color:#145cff;border:1px solid #dbe7fa;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;box-shadow:0 4px 12px #152f5a15}
.location-caption{display:flex;justify-content:space-between;gap:10px;color:#71819a;font-size:11px;padding:10px 2px 18px}
.location-caption strong{color:#253550;letter-spacing:.7px}
.map-hours-wrap{grid-template-columns:minmax(0,1fr) minmax(150px,.72fr)!important}
.expedition-logos{display:flex!important;flex-wrap:nowrap!important;align-items:center;justify-content:space-between!important;gap:10px!important}
.expedition-chip{flex:1 1 0;min-width:0!important}
.expedition-chip img{max-width:100%!important;height:30px!important;object-fit:contain}
.floating-wa{font-family:"Montserrat",sans-serif!important;font-weight:700!important}
@media(max-width:760px){body{font-size:14px}.welcome-running{padding:7px 0}.welcome-running-track{font-size:12px;gap:34px}.category-icon-rail{gap:12px 18px!important;padding-bottom:18px!important}.category-icon-card .category-icon{font-size:21px!important}.category-icon-name{font-size:12px!important}.map-hours-wrap{grid-template-columns:1fr!important}.map-embed-link iframe{height:220px}.expedition-logos{gap:5px!important}.expedition-chip{padding:7px 5px!important;min-height:38px!important}.expedition-chip img{height:24px!important}.location-caption{flex-direction:column;gap:3px}}
@media(prefers-reduced-motion:reduce){.welcome-running-track{animation:none;justify-content:center;flex-wrap:wrap;width:100%;white-space:normal}}

/* FOXBCI cumulative correction: Montserrat, simplified hero, product CTA, aligned about/map/expedition */
:root{--font:'Montserrat',sans-serif;--display:'Montserrat',sans-serif}
html,body,button,input,select,textarea{font-family:'Montserrat',sans-serif!important}
body{font-size:15px}
.hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:56px;padding-bottom:48px}
.hero-copy{max-width:780px}
.hero-art.hero-showcase,.hero-bottom{display:none!important}
.product-info h3{font-size:14px}
.product-info p{font-size:11px}
.product-price{font-size:13px}
.cart-add{font-family:'Montserrat',sans-serif!important;font-size:12px;font-weight:700}
.contact-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:stretch}
.contact-inner>div:first-child{min-width:0;display:flex;align-items:stretch}
.contact-inner>div:first-child>:not(.about-foxbci){display:none!important}
.about-foxbci{margin:0!important;padding:24px!important;border:1px solid #e3ebf8!important;border-radius:14px!important;width:100%;max-width:none;align-self:stretch}
.contact-side{min-width:0;border-top:0;display:flex;flex-direction:column;gap:0}
.map-hours-wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:12px;align-items:stretch;border:0}
.map-embed-link{display:block;position:relative;min-width:0;height:220px;overflow:hidden;border-radius:14px}
.map-embed-link iframe{display:block;width:100%;height:100%;border:0}
.file-hours{margin:0!important;min-width:0;min-height:220px;height:220px;display:flex;flex-direction:column;justify-content:center;border-radius:14px;padding:18px!important}
.location-caption{display:flex;justify-content:space-between;gap:10px;padding:8px 2px 14px;font-size:10px}
.expedition-section{margin-top:8px!important}
.floating-wa{font-family:'Montserrat',sans-serif!important;font-size:12px;max-width:calc(100vw - 28px)}
.footer-calendar-wrap{padding-top:10px;padding-bottom:22px}
.footer-calendar-wrap .live-calendar{max-width:520px;margin-left:auto;margin-right:0}
.live-calendar{background:#f3f7ff;border:1px solid #e3ebf8;border-radius:14px;padding:16px;color:#24334c}
.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.calendar-head small{display:block;font-size:10px;letter-spacing:1px;color:#64748b}
.calendar-head strong{display:block;font-size:17px}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}
.calendar-weekday,.calendar-day,.calendar-empty{padding:5px 0;font-size:11px}
.calendar-weekday{font-weight:700;color:#64748b}
.calendar-day{border-radius:7px;background:#fff}
.calendar-day.is-today{background:#075cff;color:#fff;font-weight:800}
@media(max-width:900px){.contact-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.map-hours-wrap{grid-template-columns:minmax(0,1fr)}.map-embed-link{height:200px}.file-hours{height:auto;min-height:190px}.about-foxbci{padding:18px!important}}
@media(max-width:640px){.contact-inner{grid-template-columns:1fr;gap:20px}.contact-inner>div:first-child{order:0}.contact-side{order:1}.map-hours-wrap{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:10px}.map-embed-link,.file-hours{height:190px;min-height:190px}.file-hours{padding:12px!important}.file-hours strong{font-size:18px}.location-caption{font-size:9px}.floating-wa{right:12px;bottom:12px;padding:11px 14px}.footer-calendar-wrap .live-calendar{margin:0;max-width:none}}


/* FOXBCI revision: preserve promotional banners, remove only the hero proof text row. */
.hero.section-wrap{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;gap:34px}
.hero-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0;align-self:stretch;align-content:center}
.hero-showcase-tile{display:block;position:relative;overflow:hidden;min-height:150px;border-radius:16px;background:#eef4ff;border:1px solid #e1eafa}
.hero-showcase-tile.hero-tile-main{grid-row:span 2;min-height:310px}
.hero-showcase-tile img{width:100%;height:100%;min-height:inherit;object-fit:cover;display:block}
.hero-showcase-tile span{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 10px;border-radius:9px;background:#ffffffdf;color:#20314b;font:600 12px/1.35 Montserrat,sans-serif}
.contact-inner{align-items:stretch!important;gap:26px!important}
.contact-inner>div:first-child{display:flex;align-items:stretch}
.about-foxbci{padding:17px!important;align-self:stretch;max-width:none!important;margin:0!important}
.about-foxbci h3{font-size:19px!important;margin:10px 0 9px!important}
.about-foxbci p{font-size:11px!important;line-height:1.55!important;margin-bottom:8px!important}
.about-foxbci .about-tagline{font-size:11px!important;margin-top:10px!important}
.map-embed-link,.file-hours{height:220px!important;min-height:220px!important}
.map-hours-wrap{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr)!important;align-items:stretch!important}
.expedition-section{margin-top:8px!important}
.detail-gallery{width:112px;min-width:0;display:flex;flex-direction:column;gap:7px}
.detail-gallery-main{width:112px;height:100px;object-fit:cover;border-radius:12px;background:#eef4fc}
.detail-gallery-thumbs{display:flex;gap:5px;flex-wrap:wrap;max-height:70px;overflow:auto}
.detail-gallery-thumbs button{padding:0;width:30px;height:30px;border:1px solid #dbe5f2;border-radius:6px;overflow:hidden;background:#fff;cursor:pointer}
.detail-gallery-thumbs button.active{border:2px solid #3978e8}
.detail-gallery-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.product-upload-field,.finishing-prices-admin{border:1px solid #dce5f2;border-radius:12px;padding:14px;margin:14px 0}
.product-image-preview{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}
.upload-thumb{width:88px;position:relative;display:flex;flex-direction:column;gap:4px;font-size:10px;color:#607089}
.upload-thumb img{width:88px;height:72px;object-fit:cover;border-radius:8px;border:1px solid #dce5f2;background:#f4f7fb}
.upload-thumb button{position:absolute;right:3px;top:3px;border:0;border-radius:50%;background:#fff;color:#b42318;width:22px;height:22px;cursor:pointer}
.finishing-price-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.finishing-price-fields input{width:100%}
@media(max-width:760px){.hero.section-wrap{grid-template-columns:1fr;gap:20px}.hero-showcase-grid{grid-template-columns:1fr 1fr}.hero-showcase-tile.hero-tile-main{grid-row:auto;min-height:170px}.hero-showcase-tile{min-height:130px}.contact-inner{grid-template-columns:1fr!important}.about-foxbci{padding:18px!important}.map-hours-wrap{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)!important}.map-embed-link,.file-hours{height:190px!important;min-height:190px!important}.detail-gallery{width:84px}.detail-gallery-main{width:84px;height:84px}.finishing-price-fields{grid-template-columns:1fr}}

/* Banner promo tetap tampil; teks showcase pada gambar tidak ditampilkan di website publik. */
.hero-showcase-tile span{display:none!important}

/* FOXBCI latest correction: compact digital date beside operating hours and readable courier chip */
.operating-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.digital-date{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid #cbdcf7;border-radius:9px;background:#f8fbff;color:#243b60;line-height:1.2;white-space:nowrap}
.digital-date-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:#e5efff;color:#075cff;font-size:17px;font-weight:800}
.digital-date small{display:block;font-size:8px;letter-spacing:.8px;font-weight:800;color:#71819a}
.digital-date strong{display:block;font-size:10px;font-weight:800;color:#29446d}
.expedition-chip.expedition-foxbci{flex:0 0 auto!important;min-width:122px!important;max-width:150px;padding:8px 10px!important;gap:8px!important;white-space:normal;justify-content:flex-start}
.expedition-chip.expedition-foxbci .courier-icon{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border-radius:7px;background:#e7efff;color:#075cff;font-size:15px}
.expedition-chip.expedition-foxbci .courier-copy{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;width:auto;min-width:0;height:auto;background:transparent;border-radius:0;color:#26334c;font-size:10px;line-height:1.2;white-space:normal}
.expedition-chip.expedition-foxbci .courier-copy strong{display:block;font-size:10px;line-height:1.2;white-space:nowrap;font-weight:800;color:#26334c}
.expedition-chip.expedition-foxbci .courier-copy small{display:block;font-size:9px;line-height:1.2;white-space:nowrap;font-weight:600;color:#657b9c}
.footer-calendar-wrap{display:none!important}
@media(max-width:760px){.operating-strip{gap:7px}.digital-date{padding:4px 7px}.digital-date strong{font-size:9px}.expedition-logos{flex-wrap:wrap!important;justify-content:flex-start!important}.expedition-chip.expedition-foxbci{min-width:122px!important;max-width:150px}}

/* FOXBCI revision: CMYK/RGB spectrum bar and consistent promo tiles */
.cmyk-rgb-bar{width:min(1240px,calc(100% - 48px));height:12px;margin:0 auto 22px;display:flex;overflow:hidden;border-radius:3px;box-shadow:0 3px 12px #1b3d6814}.cmyk-rgb-bar span{flex:1;min-width:0}.bar-c{background:#00a6d6}.bar-m{background:#e6007e}.bar-y{background:#ffdf00}.bar-k{background:#171717}.bar-r{background:#ed1c24}.bar-g{background:#00a651}.bar-b{background:#0066ff}
.hero-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important}.hero-showcase-tile,.hero-tile-main,.hero-tile-second,.hero-tile-small{aspect-ratio:1.55/1!important;grid-column:auto!important;grid-row:auto!important;height:auto!important;min-height:0!important}
.expedition-logos{display:flex;align-items:stretch;flex-wrap:wrap}.expedition-foxbci{min-width:94px;max-width:120px;gap:7px;justify-content:center;white-space:normal}.courier-copy{display:flex;flex-direction:column;min-width:0;line-height:1.25}.courier-copy strong,.courier-copy small{white-space:normal;overflow-wrap:anywhere}.courier-copy strong{font-size:11px}.courier-copy small{font-size:10px}.floating-wa span:last-child{white-space:normal}
.asset-upload-preview{display:flex;align-items:center;gap:10px;min-height:20px;margin:8px 0 14px}.asset-upload-preview img{display:block;width:min(260px,100%);max-height:150px;object-fit:contain;border:1px solid #dce5f2;border-radius:8px;background:#f8fbff;padding:4px}
@media(max-width:600px){.cmyk-rgb-bar{width:calc(100% - 34px);height:9px}.hero-showcase-tile,.hero-tile-main,.hero-tile-second,.hero-tile-small{aspect-ratio:1.35/1!important}.expedition-foxbci{min-width:84px;max-width:100px;padding:7px}.courier-copy strong{font-size:10px}.courier-copy small{font-size:9px}}

.product-visual{position:relative}.product-favorite{position:absolute;right:10px;top:10px;width:36px;height:36px;border:1px solid #dbe5f5;border-radius:50%;background:#ffffffed;color:#e11d48;font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 12px #0f172a18}.product-favorite.is-favorite{background:#fff1f2;color:#e11d48}.rating-stars{display:flex;align-items:center;gap:2px;margin:5px 0 8px}.rating-star{border:0;background:transparent;padding:0 2px;color:#f59e0b;font-size:21px;line-height:1;cursor:pointer}.rating-star.is-rated{color:#f59e0b}


/* Revisi 24 Okt: label FOXBCI Delivery dan tombol WhatsApp logo-only */
.expedition-inner{position:relative}
.expedition-delivery-label{position:absolute;right:0;top:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 12px;border:1px solid #dbe7fb;background:#fff;border-radius:10px;color:#075cff;box-shadow:0 3px 12px #17365d0a;line-height:1.25;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.expedition-delivery-label:hover{transform:translateY(-1px);box-shadow:0 5px 16px #17365d18}
.expedition-delivery-label:focus-visible{outline:2px solid #075cff;outline-offset:3px}
.expedition-delivery-label strong{font-size:12px;font-weight:800;white-space:nowrap}
.expedition-delivery-label span{font-size:10px;color:#64748b;font-weight:600;white-space:nowrap}
.expedition-copy{padding-right:150px}
.floating-wa{width:54px;height:54px;padding:0!important;display:flex;align-items:center;justify-content:center;border-radius:50%!important;gap:0!important}
.floating-wa .wa-logo{width:29px;height:29px;display:block;flex:0 0 auto}
@media(max-width:760px){.expedition-delivery-label{position:static;margin:12px 0 0 auto;width:max-content}.expedition-copy{padding-right:0}.floating-wa{width:50px;height:50px;right:14px;bottom:14px}.floating-wa .wa-logo{width:27px;height:27px}}


/* FOXBCI follow-up: add X Banner finishing and fill the available hero banner area */
.hero-showcase-grid{width:100%;height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:14px!important;align-content:stretch!important}
.hero-showcase-tile,.hero-tile-main,.hero-tile-second,.hero-tile-small{display:block;width:100%;aspect-ratio:1.75/1!important;height:auto!important;min-height:0!important;grid-column:auto!important;grid-row:auto!important;overflow:hidden}
.hero-showcase-tile img{display:block;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:center!important}
@media(max-width:760px){.hero-showcase-grid{gap:9px!important}.hero-showcase-tile,.hero-tile-main,.hero-tile-second,.hero-tile-small{aspect-ratio:1.35/1!important}}


/* Floating back-to-top arrow */
.back-to-top-float{position:fixed;right:16px;bottom:82px;z-index:999;display:grid;place-items:center;width:46px;height:46px;border:1px solid #dbeafe;border-radius:50%;background:#fff;color:#0866ee;box-shadow:0 8px 24px #183b7020;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s,background .2s,color .2s}
.back-to-top-float.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top-float:hover{background:#0866ee;color:#fff}
.back-to-top-float svg{width:22px;height:22px}
@media(max-width:640px){.back-to-top-float{right:14px;bottom:76px;width:42px;height:42px}}


/* Mobile category cleanup: stable two-column layout and Finishing last */
@media(max-width:600px){
 .filter-row{display:block!important;width:100%;margin:0 0 22px!important;overflow:visible!important}
 .category-icon-rail{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 10px!important;padding:8px 0 18px!important;align-items:stretch!important}
 .category-icon-card,.category-icon-card:hover,.category-icon-card.active{width:100%!important;min-width:0!important;min-height:48px!important;padding:9px 8px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;border:1px solid #e1eafa!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;overflow:hidden}
 .category-icon-card .category-icon{font-size:20px!important;line-height:1!important;flex:0 0 24px!important;text-align:center}
 .category-icon-name{font-size:10px!important;line-height:1.25!important;font-weight:700!important;text-align:left!important;overflow-wrap:anywhere!important;word-break:normal!important;white-space:normal!important;color:#24334c!important}
 .category-icon-card.active{border-color:#145cff!important;background:#f2f6ff!important;box-shadow:inset 0 -2px 0 #145cff!important}
 .category-icon-card[data-main-category="FINISHING"]{grid-column:1 / -1!important;min-height:44px!important}
 .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 12px!important}
 .product-card{min-width:0!important;overflow:hidden}
 .product-visual{aspect-ratio:1/1!important;height:auto!important;min-height:0!important}
 .product-photo{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important}
 .product-info{gap:6px!important;padding-top:12px!important}
 .product-info h3{font-size:12px!important;line-height:1.3!important}
 .product-info p{font-size:10px!important;line-height:1.35!important}
 .product-price{font-size:12px!important;line-height:1.4!important;overflow-wrap:anywhere}
 .cart-add{width:100%!important;padding:10px 7px!important;font-size:11px!important;white-space:normal!important;line-height:1.25!important}
}
@media(max-width:360px){.category-icon-rail{gap:7px!important}.category-icon-card{padding:8px 6px!important}.category-icon-name{font-size:9px!important}.category-icon-card .category-icon{font-size:18px!important;flex-basis:21px!important}.products-grid{gap:18px 8px!important}}


/* FOXBCI theme switch beside product search */
.search-theme-row{display:flex;align-items:stretch;gap:10px;width:100%}
.search-theme-row .search-input-wrap{flex:1;min-width:0}
.theme-toggle{width:48px;min-width:48px;height:48px;display:grid;place-items:center;border:1px solid #d6e2f5;border-radius:11px;background:#fff;color:#145ce5;cursor:pointer;box-shadow:0 2px 8px #174a8f0b;transition:background .2s,color .2s,border-color .2s,transform .2s}
.theme-toggle:hover{transform:translateY(-1px);border-color:#0866ee}
.theme-toggle .theme-icon{width:22px;height:22px;display:none}
body[data-theme="light"] .theme-icon-moon,body:not([data-theme="dark"]) .theme-icon-moon{display:block}
body[data-theme="dark"] .theme-icon-sun{display:block}
@media(max-width:600px){.search-theme-row{gap:8px}.theme-toggle{width:44px;min-width:44px;height:44px;border-radius:10px}.search-input-wrap{min-height:44px!important}.search-input-wrap input{min-width:0;font-size:13px!important}}

/* Dark theme overrides for public storefront */
body[data-theme="dark"]{background:#101522!important;color:#e8edf7!important;--bg:#101522;--panel:#171f30;--panel2:#202b40;--white:#e8edf7;--muted:#a5b1c7;--line:#2b3850;--orange:#4b8cff;--orange2:#78a9ff}
body[data-theme="dark"] .top-search-wrap{background:#131d30!important;border-color:#263754!important}
body[data-theme="dark"] .top-search-inner>label,body[data-theme="dark"] .catalog-search>label{color:#c6d4ec!important}
body[data-theme="dark"] .search-input-wrap{background:#18243a!important;border-color:#334766!important}
body[data-theme="dark"] .search-input-wrap input{color:#f2f6ff!important}
body[data-theme="dark"] .search-input-wrap input::placeholder{color:#9eacc3!important}
body[data-theme="dark"] .theme-toggle{background:#202d45!important;border-color:#3a4e70!important;color:#f6c85f!important}
body[data-theme="dark"] .site-header,body[data-theme="dark"] .footer,body[data-theme="dark"] footer{background:#101522!important;border-color:#2b3850!important}
body[data-theme="dark"] .nav{color:#dce6f7!important}
body[data-theme="dark"] .nav.open{background:#172136!important;border-color:#33415b!important}
body[data-theme="dark"] .nav a,body[data-theme="dark"] h1,body[data-theme="dark"] h2,body[data-theme="dark"] h3,body[data-theme="dark"] .product-info h3{color:#edf3ff!important}
body[data-theme="dark"] .hero-desc,body[data-theme="dark"] .section-heading>p,body[data-theme="dark"] .product-info p,body[data-theme="dark"] .footer p{color:#aab8ce!important}
body[data-theme="dark"] .products-section,body[data-theme="dark"] .portfolio-section,body[data-theme="dark"] .services-section,body[data-theme="dark"] .section-pad{background:#121a2a!important;border-color:#28364e!important}
body[data-theme="dark"] .product-card,body[data-theme="dark"] .product-info,body[data-theme="dark"] .category-icon-card,body[data-theme="dark"] .filter{background:#19243a!important;border-color:#33435f!important;color:#e8edf7!important}
body[data-theme="dark"] .category-icon-name{color:#e2ebfb!important}
body[data-theme="dark"] .category-icon-card.active{background:#213b67!important;border-color:#4b8cff!important}
body[data-theme="dark"] .product-visual,body[data-theme="dark"] .portfolio-art,body[data-theme="dark"] .hero-art{background-color:#1a263b!important;border-color:#33435c!important}
body[data-theme="dark"] .btn-outline,body[data-theme="dark"] .nav-cta{color:#e8edf7!important;border-color:#465775!important}
body[data-theme="dark"] .contact-section,body[data-theme="dark"] .contact-inner,body[data-theme="dark"] .checkout-modal,body[data-theme="dark"] dialog{background:#151f32!important;color:#e8edf7!important;border-color:#34445f!important}
body[data-theme="dark"] input,body[data-theme="dark"] select,body[data-theme="dark"] textarea{background:#17243a!important;color:#edf3ff!important;border-color:#3a4c69!important}
body[data-theme="dark"] .expedition-section,body[data-theme="dark"] .about-panel,body[data-theme="dark"] .map-panel,body[data-theme="dark"] .hours-panel{background:#18243a!important;border-color:#31415b!important;color:#e8edf7!important}
body[data-theme="dark"] .back-to-top-float{background:#1b2b47!important;color:#9cc4ff!important;border-color:#40577b!important}
body[data-theme="dark"] .floating-wa{background:#0866ee!important;color:#fff!important}
body[data-theme="dark"] .filter.active,body[data-theme="dark"] .filter:hover{background:#0866ee!important;color:#fff!important;border-color:#0866ee!important}

/* Checkout design delivery: choose upload from device or paste a link */
.design-delivery-fieldset{border:1px solid #dce7f6;border-radius:14px;padding:14px;margin:2px 0 0;min-width:0;display:grid;gap:12px}
.design-delivery-fieldset legend{padding:0 6px;font-size:14px;font-weight:750;color:var(--ink,#10223d)}
.required-pill{display:inline-flex;vertical-align:middle;margin-left:6px;padding:3px 7px;border-radius:999px;background:#fff0f1;color:#dc2626;font-size:9px;letter-spacing:.4px}
.design-method-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.design-method-option{display:flex!important;align-items:flex-start;gap:9px!important;border:1px solid #dbe5f3;border-radius:12px;padding:12px;cursor:pointer;background:#fff;min-width:0}
.design-method-option:has(input:checked){border-color:#2563eb;background:#f3f7ff;box-shadow:0 0 0 2px #2563eb12}
.design-method-option input{width:16px!important;height:16px;margin:2px 0 0;flex-shrink:0;accent-color:#1264f5}
.design-method-option>span:last-child{display:grid;gap:4px;min-width:0}
.design-method-option strong{font-size:12px;line-height:1.4}
.design-method-option small{font-size:11px;font-weight:400;color:#687993;line-height:1.4}
.design-method-icon{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:8px;background:#eaf1ff;color:#1559c5;font-size:20px}
.design-method-panel{border:1px dashed #cbd8eb;border-radius:11px;padding:12px;display:grid;gap:8px}
.design-method-panel[hidden]{display:none!important}
.design-method-panel>label{font-size:12px!important}
.design-method-panel input[type=file]{font-size:12px;padding:10px;background:#f8faff}
@media(max-width:480px){.design-method-options{grid-template-columns:1fr}.design-method-option{padding:11px}.design-delivery-fieldset{padding:11px}}


/* FOXBCI public promo + digital invitation refresh — theme aware */
.promo-hub{padding:72px 0 82px;color:var(--white)}
.promo-heading,.voucher-head,.flash-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.promo-heading h2,.invitation-intro h2{font-size:clamp(30px,4vw,46px);line-height:1.08;margin:10px 0 12px;letter-spacing:-1.2px}
.promo-heading h2 span,.invitation-intro h2 span,.voucher-head h3 span{color:var(--orange)}
.promo-heading p,.flash-head p,.voucher-head p,.invitation-intro p{color:var(--muted);margin:0;max-width:620px}
.promo-live{font-size:10px;letter-spacing:1.4px;font-weight:800;padding:10px 13px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}.promo-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#30c987;margin-right:7px}
.flash-sale-panel{margin-top:28px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:linear-gradient(125deg,#171e32,#12151f 65%,#20202a);color:#f8fafc;padding:clamp(20px,3vw,34px);position:relative}
.flash-sale-panel:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-100px;top:-140px;background:#2563eb;filter:blur(90px);opacity:.28;pointer-events:none}
.flash-head{align-items:center;position:relative;z-index:1}.flash-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:#9bbcff}.flash-head h3{font-size:clamp(25px,3vw,36px);margin:5px 0}.flash-head p{color:#c0c7d5}.flash-countdown{border:1px solid #4d5c7d;background:#111827a8;padding:12px 18px;border-radius:12px;min-width:145px;text-align:center}.flash-countdown span{display:block;font-size:9px;letter-spacing:1.5px;color:#a9b9d8}.flash-countdown strong{font-size:13px;color:#fff}.flash-products{margin-top:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative;z-index:1}.flash-empty{grid-column:1/-1;border:1px dashed #53617b;background:#ffffff08;border-radius:14px;padding:28px 16px;text-align:center}.flash-empty>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#2563eb;color:#fff;margin:0 auto 12px;font-size:22px}.flash-empty strong{display:block;color:#fff;font-size:16px}.flash-empty p{color:#aeb8ca;margin:5px 0 0;font-size:13px}
.voucher-public{margin-top:38px;border:1px solid var(--line);border-radius:22px;padding:clamp(20px,3vw,32px);background:var(--panel);overflow:hidden}.voucher-head{align-items:center}.voucher-head h3{font-size:clamp(23px,3vw,34px);margin:8px 0}.voucher-head p{font-size:14px}.voucher-arrows{font-size:20px;color:var(--muted)}.voucher-tabs{display:flex;gap:8px;overflow-x:auto;margin:23px 0 17px;padding-bottom:4px}.voucher-tabs button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);padding:9px 15px;font-size:12px;font-weight:700;cursor:pointer}.voucher-tabs button.active{background:var(--orange);border-color:var(--orange);color:#111}.voucher-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.voucher-card{display:flex;align-items:center;gap:15px;min-width:0;border-radius:16px;padding:18px;background:linear-gradient(115deg,#a91125,#e02b42 62%,#b91330);color:#fff;position:relative;overflow:hidden}.voucher-card:after{content:"";position:absolute;width:130px;height:130px;border:1px solid #ffffff30;border-radius:50%;right:-35px;top:-55px;box-shadow:0 0 0 12px #ffffff08,0 0 0 25px #ffffff06;pointer-events:none}.voucher-stamp{flex:0 0 72px;height:72px;border:1px dashed #ffffff90;border-radius:12px;display:grid;place-content:center;text-align:center;font-size:14px;font-weight:900;letter-spacing:1px}.voucher-stamp small{font-size:8px;letter-spacing:2px}.voucher-copy{min-width:0;position:relative;z-index:1}.voucher-label{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#ffd9de}.voucher-copy strong{display:block;font-size:16px;margin:4px 0}.voucher-copy p{font-size:11px;line-height:1.5;color:#ffe9ec;margin:0}.voucher-side{margin-left:auto;font-size:22px;color:#ffd9de;position:relative;z-index:1}
.invitation-section{padding:74px 0 86px;background:var(--panel);color:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.invitation-intro{margin-bottom:30px}.invitation-showcase{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px;align-items:stretch}.invitation-preview-wrap{padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--bg);display:flex;flex-direction:column;justify-content:center;min-width:0}.invitation-preview{min-height:400px;border-radius:14px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;color:#425447;background:radial-gradient(ellipse at top,#fffdf8 0,#f3eee4 58%,#e5e0d4 100%);border:1px solid #d9d0bf;transition:all .25s ease}.invitation-preview:before,.invitation-preview:after{content:"✿";position:absolute;font-size:100px;line-height:1;color:#91a68b55}.invitation-preview:before{top:12px;left:12px;transform:rotate(-20deg)}.invitation-preview:after{bottom:8px;right:12px;transform:rotate(25deg)}.invite-topline{font-size:10px;letter-spacing:3px;font-weight:800}.invite-monogram{font-family:Georgia,serif;font-size:72px;line-height:1.2;margin:12px 0}.invite-monogram span{font-size:30px;font-style:italic;color:#a37e4e}.invite-rule{width:60px;height:1px;background:#a37e4e;margin:4px 0 16px}.invite-couple{font-family:Georgia,serif;font-size:clamp(24px,3vw,38px);font-style:italic}.invite-caption{font-size:11px;margin-top:12px}.invite-date{font-size:9px;letter-spacing:1.4px;margin-top:22px}.invite-flower{position:absolute;bottom:24px;left:30px;color:#8ca188;font-size:25px}.preview-caption{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1px;color:var(--muted);padding:14px 2px 0}.preview-caption span:last-child{margin-left:auto;font-weight:800;color:var(--white);letter-spacing:.2px}.preview-dot{width:6px;height:6px;background:#36c88a;border-radius:50%}.invitation-options{border:1px solid var(--line);border-radius:22px;padding:22px;background:var(--bg);min-width:0}.invitation-options-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.invitation-options-head h3{font-size:21px;margin:5px 0}.template-count{font-size:9px;letter-spacing:1px;color:var(--muted)}.template-list{display:grid;gap:9px}.template-option{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:1px solid var(--line);border-radius:13px;padding:10px;background:var(--panel);color:var(--white);cursor:pointer;transition:border-color .2s,transform .2s}.template-option:hover{transform:translateY(-1px);border-color:var(--orange)}.template-option.selected{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange) inset}.template-thumb{display:grid;place-items:center;width:48px;height:54px;flex:0 0 48px;border-radius:8px;font-family:Georgia,serif;font-size:22px}.floral-thumb{background:#e8e4d7;color:#71866d}.minimal-thumb{background:#e8e9e8;color:#555}.gold-thumb{background:#1f2430;color:#d6b36b}.garden-thumb{background:#dce7d9;color:#4c7755}.template-option strong,.template-option small{display:block}.template-option strong{font-size:12px}.template-option small{font-size:10px;color:var(--muted);margin-top:3px}.template-check{margin-left:auto;color:var(--orange);opacity:0}.template-option.selected .template-check{opacity:1}.invitation-actions{margin-top:17px}.invitation-actions .btn{display:flex;justify-content:center;width:100%;text-align:center}.invitation-actions p{font-size:10px;color:var(--muted);line-height:1.5;margin:10px 0 0}
.invitation-preview[data-template="minimal"]{background:#f1f1ee;color:#3d3d3a;border-color:#c8c8c1}.invitation-preview[data-template="minimal"]:before,.invitation-preview[data-template="minimal"]:after{content:"";width:55px;height:55px;border:1px solid #777; border-radius:50%;font-size:0}.invitation-preview[data-template="gold"]{background:linear-gradient(135deg,#222631,#11151c);color:#e8d3a1;border-color:#8f7644}.invitation-preview[data-template="gold"]:before,.invitation-preview[data-template="gold"]:after{color:#b69b61}.invitation-preview[data-template="garden"]{background:linear-gradient(140deg,#f0f5e9,#dbe8d5);color:#42614b;border-color:#a9bea5}.invitation-preview[data-template="garden"]:before,.invitation-preview[data-template="garden"]:after{color:#729c7755}
@media (prefers-reduced-motion:reduce){.template-option,.invitation-preview{transition:none}}
@media (max-width:760px){.promo-hub{padding:48px 0}.promo-heading,.voucher-head{align-items:flex-start;flex-direction:column}.promo-live{align-self:flex-start}.flash-head{align-items:flex-start;flex-direction:column}.flash-countdown{min-width:0}.flash-products{grid-template-columns:repeat(2,minmax(0,1fr))}.voucher-cards{grid-template-columns:1fr}.voucher-card{padding:15px}.invitation-section{padding:50px 0}.invitation-showcase{grid-template-columns:1fr}.invitation-preview{min-height:340px}.invitation-preview-wrap,.invitation-options{padding:14px}.invitation-options-head h3{font-size:19px}}
@media (prefers-color-scheme:light){body:not([data-theme="dark"]) .flash-sale-panel{box-shadow:0 16px 40px #11182712}body:not([data-theme="dark"]) .voucher-public{background:#fff}body:not([data-theme="dark"]) .invitation-section{background:#f4f6f9}body:not([data-theme="dark"]) .invitation-preview-wrap,body:not([data-theme="dark"]) .invitation-options{background:#fff}}

/* FOXBCI revision: detail-photo slots, gold/black vouchers, and trust slideshow */
.detail-gallery{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:12px;align-items:start}.detail-gallery-main{width:100%;min-width:0;object-fit:contain;border-radius:16px}.detail-gallery-thumbs.detail-gallery-detail-thumbs{display:flex;flex-direction:column;gap:10px}.detail-gallery-detail-thumbs .detail-photo-square{width:72px;height:72px;padding:4px;border:1px solid #2c9cff;border-radius:12px;background:#111827;overflow:hidden;cursor:pointer}.detail-gallery-detail-thumbs .detail-photo-square.active,.detail-gallery-detail-thumbs .detail-photo-square:hover{border-color:#4387ff;box-shadow:0 0 0 2px #4387ff55}.detail-gallery-detail-thumbs .detail-photo-square img{width:100%;height:100%;object-fit:cover;border-radius:8px}.detail-photo-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.detail-photo-admin-grid>label{min-width:0;padding:12px;border:1px solid #2b3a53;border-radius:12px}.detail-photo-admin-grid .asset-upload-preview img{display:block;width:100%;max-height:150px;object-fit:contain;margin-top:8px;border-radius:8px}.voucher-admin-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.voucher-admin-preview>div{padding:24px 12px;border-radius:12px;background:linear-gradient(135deg,#08090d,#29251b);border:1px solid #c6a75a;color:#e9d28a;text-align:center;font-weight:800}.trusted-by-section{padding:36px 0;background:#101725;border-top:1px solid #26334a}.trusted-by-section h2{margin:10px 0 22px}.trusted-by-slideshow{min-height:90px;display:flex;align-items:center;justify-content:center;gap:28px;overflow:hidden}.trusted-by-slideshow img{max-width:180px;max-height:64px;object-fit:contain}.trusted-by-slideshow p{color:#94a3b8;font-size:13px}@media(max-width:650px){.detail-photo-admin-grid,.voucher-admin-preview{grid-template-columns:1fr}.detail-gallery{grid-template-columns:minmax(0,1fr) 60px}.detail-gallery-detail-thumbs .detail-photo-square{width:56px;height:56px}}

.physical-invitation-section{padding:74px 0 86px;background:var(--panel);color:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.physical-invitation-section h2 span{color:var(--blue,#4788ff)}.physical-invitation-section> .section-wrap > p{max-width:620px;color:var(--muted)}.physical-invitation-media{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;justify-content:stretch;gap:18px;border:0;border-radius:0;margin:24px 0;padding:0;color:inherit;font-size:inherit}.physical-invitation-media .invitation-media-empty{grid-column:1/-1;width:100%;box-sizing:border-box;background:var(--bg);color:var(--muted);border:1px dashed var(--line);border-radius:12px;padding:18px;margin:0}.physical-invitation-section .invitation-media-card{background:var(--bg);color:var(--white)}.physical-invitation-section .invitation-media-card-body h3{color:var(--white)}.physical-invitation-section .invitation-media-card-body p{color:var(--muted)}.physical-invitation-section>.section-wrap>.btn{margin-top:4px}.trusted-by-slideshow img{margin:auto}

/* FOXBCI Revision 1: modal product detail gallery + hover/tap zoom */
.product-detail-dialog{width:min(900px,calc(100% - 28px));}
.product-detail-dialog #detail-product-content{min-width:0}
.product-detail-dialog .detail-product-summary{grid-template-columns:minmax(0,1.12fr) minmax(220px,.88fr);gap:24px;align-items:start}
.product-detail-dialog .detail-gallery{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:12px;align-items:start;min-width:0}
.product-detail-dialog .detail-gallery-main-wrap{width:100%;height:clamp(260px,42vw,420px);overflow:hidden;border:1px solid #263a5b;border-radius:16px;background:#101827;display:flex;align-items:center;justify-content:center;cursor:zoom-in;touch-action:pan-y}
.product-detail-dialog .detail-gallery-main{display:block;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0;background:#101827;transition:transform .22s ease;transform:scale(1);cursor:zoom-in}
@media(hover:hover) and (pointer:fine){.product-detail-dialog .detail-gallery-main-wrap:hover .detail-gallery-main{transform:scale(1.65)}.product-detail-dialog .detail-gallery-main-wrap:hover{cursor:zoom-in}}
.product-detail-dialog .detail-gallery-main.is-zoomed{transform:scale(1.8);cursor:zoom-out}
.product-detail-dialog .detail-gallery-main-wrap:has(.detail-gallery-main.is-zoomed){cursor:zoom-out}
.product-detail-dialog .detail-gallery-detail-thumbs{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto}
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square{width:100%;aspect-ratio:1;height:auto;min-height:0;padding:4px;border:1px solid #2c9cff;border-radius:12px;background:#111827;flex-shrink:0}
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px}
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square.active{border:2px solid #4387ff;box-shadow:0 0 0 2px #4387ff55}
.product-detail-dialog .detail-product-info{min-width:0;padding:4px 0}
.product-detail-dialog .detail-product-info .rating-stars{display:flex;gap:3px;margin:5px 0 9px}
.product-detail-dialog .detail-product-info .rating-star{border:0;background:transparent;color:#d49a22;font-size:20px;padding:0 2px;cursor:pointer}
@media(max-width:650px){.product-detail-dialog{width:calc(100% - 16px);padding:14px!important;max-height:96dvh}.product-detail-dialog .detail-product-summary{grid-template-columns:minmax(0,1fr);gap:14px}.product-detail-dialog .detail-gallery{grid-template-columns:minmax(0,1fr) 58px;gap:8px}.product-detail-dialog .detail-gallery-main-wrap{height:clamp(220px,62vw,330px)}.product-detail-dialog .detail-gallery-detail-thumbs{gap:7px}.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square{width:58px;height:58px}.product-detail-dialog .detail-product-info{padding:0}.product-detail-dialog .detail-product-info h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.product-detail-dialog .detail-gallery-main{transition:none}}

/* FOXBCI Revision 1: modal product detail gallery + hover/tap zoom */
.product-detail-dialog{width:min(900px,calc(100% - 28px));}
.product-detail-dialog #detail-product-content{min-width:0}
.product-detail-dialog .detail-product-summary{grid-template-columns:minmax(0,1.12fr) minmax(220px,.88fr);gap:24px;align-items:start}
.product-detail-dialog .detail-gallery{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:12px;align-items:start;min-width:0}
.product-detail-dialog .detail-gallery-main-wrap{width:100%;height:clamp(260px,42vw,420px);overflow:hidden;border:1px solid #263a5b;border-radius:16px;background:#101827;display:flex;align-items:center;justify-content:center;cursor:zoom-in;touch-action:pan-y}
.product-detail-dialog .detail-gallery-main{display:block;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0;background:#101827;transition:transform .22s ease;transform:scale(1);cursor:zoom-in}
@media(hover:hover) and (pointer:fine){.product-detail-dialog .detail-gallery-main-wrap:hover .detail-gallery-main{transform:scale(1.65)}.product-detail-dialog .detail-gallery-main-wrap:hover{cursor:zoom-in}}
.product-detail-dialog .detail-gallery-main.is-zoomed{transform:scale(1.8);cursor:zoom-out}
.product-detail-dialog .detail-gallery-main-wrap:has(.detail-gallery-main.is-zoomed){cursor:zoom-out}
.product-detail-dialog .detail-gallery-detail-thumbs{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto}
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square{width:100%;aspect-ratio:1;height:auto;min-height:0;padding:4px;border:1px solid #2c9cff;border-radius:12px;background:#111827;flex-shrink:0}
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px}
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square.active{border:2px solid #4387ff;box-shadow:0 0 0 2px #4387ff55}
.product-detail-dialog .detail-product-info{min-width:0;padding:4px 0}
.product-detail-dialog .detail-product-info .rating-stars{display:flex;gap:3px;margin:5px 0 9px}
.product-detail-dialog .detail-product-info .rating-star{border:0;background:transparent;color:#d49a22;font-size:20px;padding:0 2px;cursor:pointer}
@media(max-width:650px){.product-detail-dialog{width:calc(100% - 16px);padding:14px!important;max-height:96dvh}.product-detail-dialog .detail-product-summary{grid-template-columns:minmax(0,1fr);gap:14px}.product-detail-dialog .detail-gallery{grid-template-columns:minmax(0,1fr) 58px;gap:8px}.product-detail-dialog .detail-gallery-main-wrap{height:clamp(220px,62vw,330px)}.product-detail-dialog .detail-gallery-detail-thumbs{gap:7px}.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square{width:58px;height:58px}.product-detail-dialog .detail-product-info{padding:0}.product-detail-dialog .detail-product-info h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.product-detail-dialog .detail-gallery-main{transition:none}}

/* FOXBCI Revision 1 correction: circular main product photo, 3 connected detail slots */
.product-detail-dialog .detail-gallery{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:18px;align-items:center;width:100%;min-width:0;min-height:330px}
.product-detail-dialog .detail-gallery-connectors{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}
.product-detail-dialog .detail-gallery-connectors path{fill:none;stroke:#f8fafc;stroke-width:1.25;vector-effect:non-scaling-stroke;stroke-linecap:square;stroke-linejoin:miter}
.product-detail-dialog .detail-gallery-main-wrap{position:relative;z-index:1;justify-self:center;width:min(100%,clamp(230px,30vw,390px));height:auto;aspect-ratio:1;border:10px solid transparent;border-radius:50%;padding:0;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(145deg,#292b91 0%,#1769d8 55%,#00b9ed 100%) border-box;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:zoom-in;touch-action:pan-y}
.product-detail-dialog .detail-gallery-main{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;background:#fff;transition:transform .22s ease;transform:scale(1);cursor:zoom-in}
@media(hover:hover) and (pointer:fine){.product-detail-dialog .detail-gallery-main-wrap:hover .detail-gallery-main{transform:scale(1.55)}}
.product-detail-dialog .detail-gallery-main.is-zoomed{transform:scale(1.8);cursor:zoom-out}
.product-detail-dialog .detail-gallery-thumbs.detail-gallery-detail-thumbs{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;gap:12px;max-height:none;min-height:300px;overflow:visible}
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square{position:relative;width:76px;height:76px;min-width:0;aspect-ratio:1;padding:5px;border:1px solid #292b91;border-radius:18px;background:#fff;box-shadow:inset 0 -6px 0 #08a9e6;overflow:visible;flex-shrink:0;cursor:pointer}
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square.active,.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square:hover{border-color:#1689ed;box-shadow:inset 0 -6px 0 #08a9e6,0 0 0 2px #4387ff55}
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square.is-empty{display:flex;align-items:center;justify-content:center;padding:5px;color:#64748b;font-size:10px;font-weight:700;text-align:center;cursor:not-allowed;opacity:.8}
@media(max-width:650px){.product-detail-dialog .detail-product-summary{grid-template-columns:minmax(0,1fr);gap:18px}.product-detail-dialog .detail-gallery{grid-template-columns:minmax(0,1fr) 62px;gap:12px;min-height:260px}.product-detail-dialog .detail-gallery-main-wrap{width:min(100%,clamp(210px,62vw,300px));border-width:7px}.product-detail-dialog .detail-gallery-thumbs.detail-gallery-detail-thumbs{min-height:240px;gap:10px}.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square{width:62px;height:62px;border-radius:15px}.product-detail-dialog .detail-gallery-connectors path{stroke-width:1}}

/* FOXBCI Revisi 1C: katalog product gallery berada di luar modal checkout */
.product-visual.has-catalog-gallery{display:flex;align-items:center;justify-content:center;padding:12px 10px;background:#151e30;overflow:hidden}
.catalog-product-gallery{position:relative;isolation:isolate;width:100%;height:100%;display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;align-items:center;min-width:0}
.catalog-gallery-lines{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}
.catalog-gallery-lines path{fill:none;stroke:#f8fafc;stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-linecap:square;stroke-linejoin:miter}
.catalog-main-photo{position:relative;z-index:1;justify-self:center;width:min(100%,190px);aspect-ratio:1;border:6px solid transparent;border-radius:50%;padding:0;overflow:hidden;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(145deg,#292b91 0%,#1769d8 55%,#00b9ed 100%) border-box;cursor:zoom-in}
.catalog-main-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .2s ease}
@media(hover:hover) and (pointer:fine){.catalog-main-photo:hover img{transform:scale(1.12)}}
.catalog-detail-photos{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:86%;gap:6px}
.catalog-detail-photo{width:40px;height:40px;min-width:0;flex:0 0 40px;padding:3px;border:1px solid #292b91;border-radius:10px;background:#fff;box-shadow:inset 0 -4px 0 #08a9e6;overflow:hidden;cursor:pointer}
.catalog-detail-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px}
.catalog-detail-photo.active,.catalog-detail-photo:hover{border-color:#1689ed;box-shadow:inset 0 -4px 0 #08a9e6,0 0 0 2px #4387ff55}
.catalog-detail-photo.is-empty{display:flex;align-items:center;justify-content:center;padding:2px;color:#64748b;font-size:6px;font-weight:700;text-align:center;line-height:1.1;cursor:not-allowed;opacity:.85}
.product-favorite{z-index:3}
@media(min-width:900px){.catalog-product-gallery{grid-template-columns:minmax(0,1fr) 48px;gap:10px}.catalog-detail-photo{width:44px;height:44px;flex-basis:44px}.catalog-main-photo{width:min(100%,200px)}}
@media(max-width:650px){.product-visual.has-catalog-gallery{padding:10px 7px}.catalog-product-gallery{grid-template-columns:minmax(0,1fr) 34px;gap:5px}.catalog-detail-photo{width:32px;height:32px;flex-basis:32px;border-radius:8px}.catalog-main-photo{border-width:4px}.catalog-detail-photos{gap:4px}}
/* The order modal remains the original checkout form; product gallery is shown on catalog cards. */
.product-detail-dialog .detail-product-summary{display:block!important}

/* FOXBCI Revisi 1D: restore square product photo, gradient border, rounded corners; 1 main + 2 detail photos in modal */
.product-visual.has-catalog-gallery{display:flex;align-items:stretch;justify-content:stretch;padding:0;background:transparent;overflow:hidden}
.catalog-main-photo{display:block;position:relative;z-index:1;width:100%;height:100%;min-height:0;aspect-ratio:auto;justify-self:stretch;padding:3px;border:0;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#292b91 0%,#1769d8 55%,#00b9ed 100%);cursor:pointer}
.catalog-main-photo img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;border-radius:11px;transition:transform .2s ease}
@media(hover:hover) and (pointer:fine){.catalog-main-photo:hover img{transform:scale(1.035)}}
.product-visual.has-catalog-gallery .product-favorite{position:absolute;top:10px;right:10px}
.product-detail-dialog{width:min(1000px,calc(100% - 28px))}
.product-detail-dialog .detail-product-summary{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,.85fr)!important;gap:22px!important;align-items:start!important;margin-bottom:20px}
.product-detail-dialog .detail-product-gallery-column{min-width:0}
.product-detail-dialog .detail-gallery{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:12px;align-items:start;width:100%;min-width:0;min-height:0}
.product-detail-dialog .detail-gallery-main-wrap{width:100%;height:auto;aspect-ratio:1;min-height:0;overflow:hidden;padding:3px;border:0;border-radius:16px;background:linear-gradient(145deg,#292b91 0%,#1769d8 55%,#00b9ed 100%);display:flex;align-items:stretch;justify-content:stretch;cursor:zoom-in;touch-action:pan-y}
.product-detail-dialog .detail-gallery-main{display:block;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:13px;background:#101827;transition:transform .22s ease;transform:scale(1);cursor:zoom-in}
@media(hover:hover) and (pointer:fine){.product-detail-dialog .detail-gallery-main-wrap:hover .detail-gallery-main{transform:scale(1.12)}}
.product-detail-dialog .detail-gallery-main.is-zoomed{transform:scale(1.65);cursor:zoom-out}
.product-detail-dialog .detail-gallery-detail-thumbs{display:flex;flex-direction:column;gap:12px;max-height:none;overflow:visible}
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square{position:relative;width:100%;height:auto;aspect-ratio:1;min-width:0;min-height:0;padding:3px;border:0;border-radius:13px;background:linear-gradient(145deg,#292b91 0%,#1769d8 55%,#00b9ed 100%);box-shadow:none;overflow:hidden;flex-shrink:0;cursor:pointer}
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square img{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px;background:#101827}
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square.active{box-shadow:0 0 0 2px #69c7ff}
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square.is-empty{display:flex;align-items:center;justify-content:center;padding:8px;color:#94a3b8;font-size:11px;font-weight:700;text-align:center;background:linear-gradient(145deg,#292b91 0%,#1769d8 55%,#00b9ed 100%);cursor:not-allowed}
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square.is-empty span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:10px;background:#111827}
.product-detail-dialog .detail-gallery-placeholder{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border-radius:13px;background:#111827;color:#94a3b8;font-size:13px}
.product-detail-dialog .detail-product-info{min-width:0;padding:4px 0}
@media(max-width:650px){.product-detail-dialog .detail-product-summary{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}.product-detail-dialog .detail-gallery{grid-template-columns:minmax(0,1fr) 68px;gap:10px}.product-detail-dialog .detail-gallery-main-wrap{max-height:65vw}.product-detail-dialog .detail-gallery-detail-thumbs{gap:8px}.product-detail-dialog .detail-product-info h3{font-size:19px}}

/* FOXBCI Revisi 1E: dark modal contrast/accessibility fixes */
.product-detail-dialog,
.product-detail-dialog[open]{
  background:#111b2d!important;
  color:#f1f5f9!important;
  border:1px solid #2a3b58!important;
  color-scheme:dark;
}
.product-detail-dialog .checkout-top{
  background:rgba(17,27,45,.97)!important;
  border-bottom:1px solid #2a3b58!important;
}
.product-detail-dialog .checkout-top strong,
.product-detail-dialog .checkout-top h2,
.product-detail-dialog .checkout-top h3,
.product-detail-dialog .detail-product-info h3{
  color:#f8fafc!important;
}
.product-detail-dialog .checkout-top button{
  background:#1d2a40!important;
  color:#e2e8f0!important;
  border:1px solid #40516d!important;
}
.product-detail-dialog .checkout-form label,
.product-detail-dialog .checkout-form label span,
.product-detail-dialog .checkout-note{
  color:#cbd5e1!important;
}
.product-detail-dialog .checkout-form input,
.product-detail-dialog .checkout-form select,
.product-detail-dialog .checkout-form textarea{
  background:#19263b!important;
  color:#f8fafc!important;
  border:1px solid #405675!important;
  caret-color:#60a5fa;
}
.product-detail-dialog .checkout-form input::placeholder,
.product-detail-dialog .checkout-form textarea::placeholder,
.product-detail-dialog .checkout-form select:invalid{
  color:#94a3b8!important;opacity:1;
}
.product-detail-dialog .detail-product-summary h3{color:#f8fafc!important}
.product-detail-dialog .detail-product-summary p{color:#b7c5d9!important}
.product-detail-dialog .detail-product-summary strong,
.product-detail-dialog .detail-product-info strong{color:#60a5fa!important}
.product-detail-dialog .detail-product-info,
.product-detail-dialog .detail-product-info *{text-shadow:none}
.product-detail-dialog .detail-price-box{
  background:#1b2940!important;
  border:1px solid #405675!important;
  color:#e2e8f0!important;
}
.product-detail-dialog .detail-price-box>span,
.product-detail-dialog .detail-price-breakdown>div,
.product-detail-dialog .detail-price-breakdown .detail-price-total{
  color:#cbd5e1!important;
}
.product-detail-dialog .detail-price-breakdown>div strong{color:#f8fafc!important}
.product-detail-dialog .detail-price-breakdown .detail-price-total strong{color:#60a5fa!important}
.product-detail-dialog .detail-price-box small{color:#a9bad0!important}
.product-detail-dialog .checkout-form>button.btn-blue,
.product-detail-dialog .checkout-form>a.btn-blue{
  color:#fff!important;
  background:#1764e8!important;
  box-shadow:0 -8px 18px rgba(17,27,45,.95)!important;
}
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square.is-empty{color:#cbd5e1!important}
@media(prefers-color-scheme:light){
  /* Keep the explicitly selected FOXBCI dark modal consistent in either OS theme. */
  .product-detail-dialog,.product-detail-dialog[open]{background:#111b2d!important;color:#f1f5f9!important}
}

/* FOXBCI promo manager revision: separate Flash Sale and Voucher controls */
.flash-product-card{overflow:hidden;border:1px solid #3c4a66;border-radius:15px;background:#111827;color:#fff;min-width:0}.flash-product-card>img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#1b263b}.flash-product-body{padding:13px;display:flex;flex-direction:column;gap:7px}.flash-product-tag{align-self:flex-start;border-radius:5px;background:#2563eb;color:#fff;padding:4px 7px;font-size:9px;font-weight:800;letter-spacing:1px}.flash-product-body>strong{font-size:14px;line-height:1.4}.flash-product-body p{font-size:11px;line-height:1.5;color:#b9c4d7;margin:0}.flash-product-price{color:#f6d77b;font-size:17px;font-weight:800}.flash-product-price small{font-size:10px;color:#c7cfdf;font-weight:500}.flash-product-link{display:inline-block;color:#fff;background:#2563eb;border-radius:8px;text-align:center;padding:8px 10px;font-size:11px;font-weight:700;text-decoration:none;margin-top:3px}.voucher-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.voucher-card-gold{background:linear-gradient(115deg,#111827,#202838 65%,#0b0f18);border:1px solid #b99b53;box-shadow:inset 0 0 0 1px #d7bd7740}.voucher-card-gold .voucher-stamp{border-color:#d6bd78;color:#f7e5a8}.voucher-card-gold .voucher-label,.voucher-card-gold .voucher-side{color:#f3d784}.voucher-card-gold .voucher-copy p{color:#e0e5ee}.voucher-card-gold .voucher-copy p b{color:#ffe7a1;letter-spacing:1px}
@media(max-width:760px){.voucher-cards{grid-template-columns:1fr}.flash-products{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* FOXBCI Revisi 2E: Flash Sale tepat di bawah hero, kontras dark mode, voucher Gold Black */
.flash-sale-section{padding:24px 0 12px;color:#f8fafc}
.flash-sale-section .flash-sale-panel{margin-top:0;background:linear-gradient(125deg,#111827 0%,#151d2e 58%,#1b2232 100%);border-color:#34435f;color:#f8fafc;box-shadow:0 12px 32px #02061725}
.flash-sale-section .flash-head h3{color:#fff;text-shadow:0 1px 0 #0006}
.flash-sale-section .flash-head p{color:#d7deea}
.flash-sale-section .flash-kicker{color:#b8ccff}
.flash-sale-section .flash-countdown{background:#0b1220;border-color:#61708e}
.flash-sale-section .flash-countdown span{color:#c5d2eb}
.flash-sale-section .flash-countdown strong{color:#fff}
.flash-sale-section .flash-empty{background:#0b1220a8;border-color:#65748f}
.flash-sale-section .flash-empty strong{color:#fff}
.flash-sale-section .flash-empty p{color:#d1d9e8}
.flash-sale-section .flash-product-card{background:#0d1524;border-color:#465673;color:#fff;box-shadow:0 5px 16px #02061730}
.flash-sale-section .flash-product-body>strong{color:#fff}
.flash-sale-section .flash-product-body p{color:#d2dbea}
.flash-sale-section .flash-product-price{color:#ffdc78}
.flash-sale-section .flash-product-price small{color:#d4dbea}
.flash-sale-section .flash-product-link{background:#2563eb;color:#fff}
.flash-sale-section .flash-product-tag{background:#2458d6;color:#fff}
.voucher-card-gold{background:linear-gradient(120deg,#07090d 0%,#17191e 55%,#282319 100%);border:1px solid #b89a52;box-shadow:inset 0 0 0 1px #e4c97926,0 8px 20px #02061724;color:#fff}
.voucher-card-gold:after{border-color:#d8bd6a40;box-shadow:0 0 0 12px #d8bd6a0c,0 0 0 25px #d8bd6a08}
.voucher-card-gold .voucher-stamp{border-color:#d8bd6a;color:#f8e7a9}
.voucher-card-gold .voucher-label,.voucher-card-gold .voucher-side{color:#f3d784}
.voucher-card-gold .voucher-copy strong{color:#fff}
.voucher-card-gold .voucher-copy p{color:#e2e5eb}
.voucher-card-gold .voucher-copy p b{color:#ffe7a1}
.voucher-head h3 span{color:#e5c76a!important}
.voucher-tabs button.active{background:#d4af54;border-color:#d4af54;color:#111318}
.voucher-tabs button{color:#d4dbe8;border-color:#4b5870}
@media(max-width:760px){.flash-sale-section{padding:16px 0 8px}.flash-sale-section .flash-sale-panel{padding:18px}.flash-sale-section .flash-products{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* FOXBCI Revision 3 — invitation admin/public media galleries */
.invite-admin-form{display:grid;gap:14px;margin-top:12px}.invite-admin-form label{display:grid;gap:7px;font-size:13px;font-weight:650}.invite-admin-form input:not([type=checkbox]),.invite-admin-form textarea{width:100%;border:1px solid #d5deec;border-radius:10px;padding:11px 12px;background:#fbfcff;color:#18243a;font:inherit}.invite-admin-form input[type=file]{background:#f7f9fd}.invite-admin-form .form-actions{display:flex;gap:10px;flex-wrap:wrap}.invite-admin-preview{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.invite-admin-preview img,.invite-admin-preview video{display:block;width:min(100%,360px);max-height:280px;object-fit:contain;border-radius:12px;border:1px solid #d5deec;background:#111827}.invite-admin-preview a{color:#2563eb;font-weight:700}.invitation-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.invitation-media-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--bg);color:var(--white);min-width:0;box-shadow:0 12px 30px #00000012}.invitation-media-visual{aspect-ratio:4/3;background:#0d1422;display:flex;align-items:center;justify-content:center;overflow:hidden}.invitation-media-visual img,.invitation-media-visual video{width:100%;height:100%;object-fit:cover;display:block}.invitation-media-card-body{padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.invitation-media-card-body h3{margin:0;font-size:16px;color:var(--white)}.invitation-media-card-body p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.invitation-media-link{display:inline-flex;align-items:center;justify-content:center;margin-top:3px;padding:10px 14px;font-size:12px}.invitation-media-empty{grid-column:1/-1;color:var(--muted);font-size:13px;padding:18px;border:1px dashed var(--line);border-radius:12px;margin:0}.physical-invitation-media{min-height:0;display:grid;align-items:stretch;justify-content:stretch;border:0;padding:0;color:inherit}.physical-invitation-media .invitation-media-empty{color:#a8b5ca;border-color:#34445e}
@media(max-width:900px){.invitation-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.invitation-media-grid{grid-template-columns:1fr}.invitation-media-card-body{padding:14px}}

@media(max-width:900px){.physical-invitation-media{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.physical-invitation-media{grid-template-columns:1fr}}


/* Revisi search bar: ruang lebih ringkas dengan bendera Indonesia bergerak di kiri */
.top-search-wrap { width:100%; max-width:none; margin:0; padding:12px max(24px, calc((100% - 1200px)/2)) 14px; box-sizing:border-box; }
.top-search-layout { width:100%; max-width:1200px; margin:0 auto; display:flex; align-items:center; gap:26px; }
.indonesia-flag-wrap { flex:0 0 126px; width:126px; display:flex; align-items:center; justify-content:center; perspective:500px; }
.indonesia-flag-svg { display:block; width:100%; height:auto; overflow:visible; }
 .indonesia-flag-gif { display:block; width:100%; height:auto; max-height:92px; object-fit:contain; filter:drop-shadow(0 3px 4px #15213a24); }
.flag-wave-group { transform-origin:50% 50%; animation:foxbci-flag-wave 3.2s ease-in-out infinite; }
.flag-red-cloth,.flag-white-cloth { transform-box:fill-box; transform-origin:left center; }
.flag-red-cloth { animation:foxbci-flag-cloth 3.2s ease-in-out infinite; }
.flag-white-cloth { animation:foxbci-flag-cloth 3.2s ease-in-out infinite reverse; }
@keyframes foxbci-flag-wave { 0%,100% { transform:rotateY(-5deg) skewY(-1deg) scaleX(.98); } 50% { transform:rotateY(8deg) skewY(1.5deg) scaleX(1.02); } }
@keyframes foxbci-flag-cloth { 0%,100% { opacity:.98; } 50% { opacity:.84; } }
.top-search-inner { flex:1 1 auto; width:auto; max-width:none; min-width:0; margin:0; }
.top-search-inner>label { margin-bottom:6px; }
.search-theme-row { width:100%; }
.search-theme-row .search-input-wrap { min-width:0; }
@media(max-width:700px) {
 .top-search-wrap { padding:10px 16px 12px; }
 .top-search-layout { gap:12px; }
 .indonesia-flag-wrap { flex-basis:66px; width:66px; }
 .top-search-inner>label { font-size:11px; margin-bottom:5px; }
 .search-theme-row { gap:6px; }
 .theme-toggle { width:40px; min-width:40px; height:44px; }
 .search-input-wrap { padding:0 8px; gap:6px; }
 .search-input-wrap>span { font-size:21px; }
}
@media(max-width:380px) { .top-search-layout { gap:8px; } .indonesia-flag-wrap { flex-basis:48px; width:48px; } .search-input-wrap input { font-size:11px!important; } .theme-toggle { width:36px; min-width:36px; } }
@media(prefers-reduced-motion:reduce) { .flag-wave-group,.flag-red-cloth,.flag-white-cloth { animation:none!important; } }

/* FOXBCI product detail page inspired by modern ecommerce PDP layouts */
.product-detail-page[hidden]{display:none!important}
main.product-detail-active>section:not(#product-detail-page){display:none!important}
body.product-detail-active .footer{display:none!important}
.product-detail-page{display:block!important;min-height:70vh;padding:18px 0 64px;background:var(--page-bg,#080d17);color:var(--text,#f4f7fb)}
.product-detail-page-inner{max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px}
.product-detail-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 28px;color:#8fa2bd;font-size:13px}
.product-detail-breadcrumb a{color:#a9c7f7;text-decoration:none}.product-detail-breadcrumb a:hover{color:#fff}.product-detail-breadcrumb>span:last-child{color:#eef5ff;max-width:50%;overflow-wrap:anywhere}
.product-detail-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(28px,5vw,72px);align-items:start}
.product-detail-media-column{min-width:0}
.product-detail-image-frame{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:7px;border-radius:22px;background:linear-gradient(135deg,#282a91 0%,#1974df 55%,#00bde8 100%);box-shadow:0 16px 45px #001a3833;overflow:hidden}
.product-detail-hero-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:16px;background:#fff}
.product-detail-no-image{width:100%;height:100%;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#101d31,#172b45);color:#a9c7f7;font-weight:700;letter-spacing:.08em}
.product-detail-thumbnails{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}
.product-detail-thumb{width:clamp(72px,10vw,104px);aspect-ratio:1;border:2px solid #263c5f;padding:3px;border-radius:13px;background:#111c2e;cursor:pointer;overflow:hidden;transition:border-color .18s,box-shadow .18s}
.product-detail-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px;background:#fff}
.product-detail-thumb.active,.product-detail-thumb:hover{border-color:#18a8ef;box-shadow:0 0 0 2px #168ce955}
.product-detail-image-note{margin-top:12px;color:#8296b2;font-size:11px;letter-spacing:.09em;text-transform:uppercase}
.product-detail-information{padding:8px 0;min-width:0}
.product-detail-information h1{font-size:clamp(28px,3.2vw,42px);line-height:1.12;letter-spacing:-.035em;margin:12px 0 12px;color:#f7faff;overflow-wrap:anywhere}
.product-detail-category{color:#9db1ce;font-size:13px}.product-detail-category span{padding:0 5px;color:#28b6ed}
.product-detail-price{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin:24px 0 16px;font-size:clamp(23px,2.5vw,32px);color:#f7fbff}.product-detail-price strong{font-size:inherit;color:#fff}.product-detail-price small{font-size:13px;color:#a8bad3}.product-detail-price .price-discount{display:flex;align-items:center;gap:8px;font-size:14px}.product-detail-price .price-discount del{color:#8495ae}.product-detail-price .price-discount b{font-size:11px;background:#6b2434;color:#ffb7c3;padding:4px 7px;border-radius:5px}.product-detail-price .price-sale{color:#54c9ff}
.product-detail-short-description{font-size:15px;line-height:1.8;color:#c3cee0;max-width:58ch;margin:0 0 22px}
.product-detail-quickfacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 24px}
.product-detail-quickfacts>div{padding:13px 14px;border:1px solid #26364f;background:#0d1727;border-radius:12px;min-width:0}
.product-detail-quickfacts span{display:block;font-size:11px;color:#8fa5c4;margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}.product-detail-quickfacts strong{display:block;color:#e7effb;font-size:13px;overflow-wrap:anywhere}
.product-detail-actions{display:flex;gap:10px;flex-wrap:wrap}.product-detail-actions .btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.product-detail-order-note{font-size:12px;line-height:1.65;color:#8fa1bb;margin-top:14px}
.product-description-section{margin-top:60px;padding:30px;border:1px solid #26364f;border-radius:20px;background:linear-gradient(135deg,#0c1626,#0a111e)}.product-description-section h2,.product-related-section h2{font-size:clamp(23px,2.5vw,30px);letter-spacing:-.025em;margin:12px 0 14px;color:#f6f9ff}.product-description-section>p,.product-description-spec p{max-width:85ch;color:#bdc9dc;line-height:1.85;margin:0}.product-description-spec{margin-top:18px;padding-top:18px;border-top:1px solid #26364f}.product-description-spec strong{display:block;margin-bottom:8px;color:#e7f3ff}.product-detail-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.product-detail-benefits>div{padding:15px;border-radius:12px;background:#111e31;border:1px solid #223650}.product-detail-benefits strong,.product-detail-benefits span{display:block}.product-detail-benefits strong{font-size:13px;color:#e9f5ff;margin-bottom:7px}.product-detail-benefits span{font-size:12px;line-height:1.6;color:#9db0ca}
.product-related-section{margin-top:56px}.product-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-related-card{min-width:0;padding:12px;border-radius:16px;border:1px solid #26364f;background:#0d1727}.product-related-image{width:100%;aspect-ratio:1;border:0;padding:0;border-radius:11px;overflow:hidden;background:#142239;display:grid;place-items:center;cursor:pointer;color:#a8c7f6}.product-related-image img{width:100%;height:100%;object-fit:cover;display:block}.product-related-card h3{font-size:14px;line-height:1.4;margin:12px 0 5px;color:#f2f6ff}.product-related-card p{font-size:12px;line-height:1.55;color:#9eb0c8;min-height:36px;margin:0 0 10px}.product-related-card .price-discount{display:flex;gap:6px;flex-wrap:wrap;font-size:11px}.product-related-card .price-sale,.product-related-card .price-contact,.product-related-card .price-discount+strong{color:#62c9f4}.product-related-card .btn{display:inline-flex;margin-top:12px;text-decoration:none;align-items:center;justify-content:center;min-height:36px;font-size:12px;padding:8px 12px}
.product-detail-bottom-actions{display:flex;justify-content:space-between;gap:12px;margin-top:42px;padding-top:22px;border-top:1px solid #26364f}.product-detail-bottom-actions .btn{min-height:42px}
@media(max-width:760px){.product-detail-page{padding-top:12px}.product-detail-page-inner{padding-left:16px;padding-right:16px}.product-detail-breadcrumb{margin-bottom:18px;font-size:12px}.product-detail-layout{grid-template-columns:minmax(0,1fr);gap:24px}.product-detail-image-frame{border-radius:17px;padding:5px}.product-detail-hero-image,.product-detail-no-image{border-radius:12px}.product-detail-information{padding:0}.product-detail-information h1{font-size:29px}.product-detail-price{margin:17px 0 12px}.product-detail-quickfacts{gap:8px}.product-detail-quickfacts>div{padding:11px}.product-detail-actions{display:grid;grid-template-columns:1fr}.product-detail-actions .btn{width:100%}.product-description-section{margin-top:36px;padding:20px 16px}.product-detail-benefits{grid-template-columns:1fr}.product-related-section{margin-top:38px}.product-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-related-card{padding:9px}.product-detail-bottom-actions{margin-top:30px}.product-detail-bottom-actions .btn{font-size:12px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.product-detail-thumb{transition:none}}


/* FOXBCI Revisi kontras halaman detail produk — dark theme */
body[data-theme="dark"] .product-detail-page,
body[data-theme="dark"] .product-detail-page * {
  text-shadow: none;
}
body[data-theme="dark"] .product-detail-page .product-detail-information h1,
body[data-theme="dark"] .product-detail-page .product-description-section h2,
body[data-theme="dark"] .product-detail-page .product-related-section h2,
body[data-theme="dark"] .product-detail-page .product-related-card h3 {
  color: #f8fbff !important;
}
body[data-theme="dark"] .product-detail-page .product-detail-category,
body[data-theme="dark"] .product-detail-page .product-detail-short-description,
body[data-theme="dark"] .product-detail-page .product-description-section > p,
body[data-theme="dark"] .product-detail-page .product-description-spec p,
body[data-theme="dark"] .product-detail-page .product-related-card p {
  color: #c7d4e8 !important;
}
body[data-theme="dark"] .product-detail-page .product-detail-image-note,
body[data-theme="dark"] .product-detail-page .product-detail-order-note,
body[data-theme="dark"] .product-detail-page .product-detail-price small,
body[data-theme="dark"] .product-detail-page .product-related-card .price-discount del,
body[data-theme="dark"] .product-detail-page .product-detail-price .price-discount del {
  color: #b4c3d9 !important;
  opacity: 1 !important;
}
body[data-theme="dark"] .product-detail-page .product-detail-quickfacts > div,
body[data-theme="dark"] .product-detail-page .product-description-section,
body[data-theme="dark"] .product-detail-page .product-detail-benefits > div,
body[data-theme="dark"] .product-detail-page .product-related-card {
  background: #101b2d !important;
  border-color: #344966 !important;
}
body[data-theme="dark"] .product-detail-page .product-detail-quickfacts span,
body[data-theme="dark"] .product-detail-page .product-detail-benefits span {
  color: #b8c9e1 !important;
}
body[data-theme="dark"] .product-detail-page .product-detail-quickfacts strong,
body[data-theme="dark"] .product-detail-page .product-detail-benefits strong,
body[data-theme="dark"] .product-detail-page .product-description-spec strong {
  color: #f0f6ff !important;
}
body[data-theme="dark"] .product-detail-page .product-detail-actions .btn-outline,
body[data-theme="dark"] .product-detail-page .product-detail-bottom-actions .btn-outline,
body[data-theme="dark"] .product-detail-page .product-related-card .btn-outline {
  background: #15243a !important;
  color: #f4f8ff !important;
  border: 1px solid #6b8ab8 !important;
}
body[data-theme="dark"] .product-detail-page .product-detail-actions .btn-outline:hover,
body[data-theme="dark"] .product-detail-page .product-detail-bottom-actions .btn-outline:hover,
body[data-theme="dark"] .product-detail-page .product-related-card .btn-outline:hover {
  background: #20395c !important;
  color: #ffffff !important;
  border-color: #79bfff !important;
}
body[data-theme="dark"] .product-detail-page .product-detail-actions .btn-blue,
body[data-theme="dark"] .product-detail-page .product-detail-bottom-actions .btn-blue {
  background: #1769ee !important;
  color: #ffffff !important;
  border-color: #1769ee !important;
}
body[data-theme="dark"] .product-detail-page .product-detail-price .price-sale,
body[data-theme="dark"] .product-detail-page .product-related-card .price-sale,
body[data-theme="dark"] .product-detail-page .product-related-card .price-contact {
  color: #70d7ff !important;
}
body[data-theme="dark"] .product-detail-page .product-detail-breadcrumb a {
  color: #a9ccff !important;
}
body[data-theme="dark"] .product-detail-page .product-detail-breadcrumb > span:last-child {
  color: #f0f6ff !important;
}


/* FOXBCI Revisi Galeri Detail: ukuran foto seimbang, rating & favorit tetap */
.product-detail-dialog .detail-gallery {
  grid-template-columns: minmax(0, 1fr) clamp(72px, 8vw, 88px) !important;
  gap: clamp(8px, 1.2vw, 12px) !important;
  align-items: stretch !important;
  min-height: 0 !important;
}
.product-detail-dialog .detail-gallery-main-wrap {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  align-self: start !important;
  padding: 3px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, #292b91 0%, #1769d8 55%, #00b9ed 100%) !important;
  overflow: hidden !important;
}
.product-detail-dialog .detail-gallery-main,
.product-detail-dialog .detail-gallery-placeholder {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 13px !important;
  background: #fff !important;
}
.product-detail-dialog .detail-gallery-thumbs.detail-gallery-detail-thumbs {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  align-content: start !important;
  align-self: start !important;
  justify-content: start !important;
  gap: 10px !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square {
  display: flex !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  padding: 3px !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, #292b91 0%, #1769d8 55%, #00b9ed 100%) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square img,
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square.is-empty span {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 11px !important;
  background: #111b2d !important;
}
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square.is-empty {
  align-items: center !important;
  justify-content: center !important;
  padding: 5px !important;
  color: #d6e2f3 !important;
  font-size: 10px !important;
  text-align: center !important;
}
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square.active,
.product-detail-dialog .detail-gallery-detail-thumbs .detail-photo-square:hover {
  box-shadow: 0 0 0 2px #69c7ff !important;
}
.product-detail-dialog .detail-product-info .rating-stars,
.product-detail-dialog .detail-product-info .rating-star {
  visibility: visible !important;
  opacity: 1 !important;
}
.product-visual .product-favorite {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
}
@media (max-width: 650px) {
  .product-detail-dialog .detail-gallery {
    grid-template-columns: minmax(0, 1fr) 64px !important;
    gap: 8px !important;
  }
  .product-detail-dialog .detail-gallery-thumbs.detail-gallery-detail-thumbs {
    gap: 8px !important;
  }
}


/* FOXBCI: perbaikan kontras header/navbar pada tema dark */
body[data-theme="dark"] .site-header {
  background: #080f1d !important;
  border-bottom: 1px solid #2a3b56 !important;
}
body[data-theme="dark"] .site-header .brand-name {
  color: #f4f8ff !important;
}
body[data-theme="dark"] .site-header .brand-name small {
  color: #a9c8f5 !important;
}
body[data-theme="dark"] .site-header .nav,
body[data-theme="dark"] .site-header .nav a:not(.nav-cta),
body[data-theme="dark"] .site-header .nav button {
  color: #f1f6ff !important;
}
body[data-theme="dark"] .site-header .nav a:not(.nav-cta):hover {
  color: #78c9ff !important;
}
body[data-theme="dark"] .site-header .nav .nav-cta {
  color: #ffffff !important;
  background: #145fe8 !important;
  border: 1px solid #3987ff !important;
  box-shadow: 0 0 0 1px rgba(65, 147, 255, .12) !important;
}
body[data-theme="dark"] .site-header .nav .nav-cta span {
  color: #ffffff !important;
}
body[data-theme="dark"] .site-header .nav .cart-open {
  background: #17263d !important;
  color: #f7faff !important;
  border: 1px solid #3a5274 !important;
}
body[data-theme="dark"] .site-header .nav .cart-open:hover {
  background: #203958 !important;
  border-color: #6abaff !important;
  color: #ffffff !important;
}
body[data-theme="dark"] .site-header .nav #cart-count {
  background: #1769ee !important;
  color: #ffffff !important;
}
body[data-theme="dark"] .site-header .menu-toggle {
  color: #f4f8ff !important;
  background: #17263d !important;
  border-color: #3a5274 !important;
}
body[data-theme="dark"] .welcome-running {
  color: #e8f1ff !important;
  background: #111d31 !important;
  border-color: #293c58 !important;
}
body[data-theme="dark"] .top-search-wrap {
  background: #0b1423 !important;
  border-color: #263955 !important;
}
body[data-theme="dark"] .top-search-inner label {
  color: #c6d8f1 !important;
}
body[data-theme="dark"] .search-input-wrap {
  background: #111e32 !important;
  border-color: #3a5274 !important;
}
body[data-theme="dark"] .search-input-wrap input {
  color: #f7faff !important;
  background: transparent !important;
}
body[data-theme="dark"] .search-input-wrap input::placeholder {
  color: #aabbd2 !important;
  opacity: 1 !important;
}
body[data-theme="dark"] .theme-toggle {
  color: #f5f8ff !important;
  background: #17263d !important;
  border-color: #3a5274 !important;
}
@media (max-width: 900px) {
  body[data-theme="dark"] .site-header .nav {
    background: #0c1627 !important;
    border-color: #2b405d !important;
    box-shadow: 0 16px 32px rgba(0,0,0,.35) !important;
  }
}


/* Asisten FOXBCI — floating chat UI */
.foxbci-ai-chat { position:fixed; right:22px; bottom:94px; z-index:9998; font-family:inherit; }
.foxbci-ai-launcher { display:flex; align-items:center; gap:9px; border:1px solid #5eb7ff; border-radius:999px; padding:11px 16px; color:#fff; background:linear-gradient(120deg,#145fe8,#04a9d7); box-shadow:0 10px 28px rgba(0,0,0,.28); font-weight:800; cursor:pointer; }
.foxbci-ai-launcher-icon { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; color:#fff; background:rgba(255,255,255,.2); font-size:17px; }
.foxbci-ai-launcher-label { font-size:12px; }
.foxbci-ai-panel { position:absolute; right:0; bottom:58px; display:flex; flex-direction:column; width:min(360px,calc(100vw - 28px)); height:min(510px,calc(100dvh - 150px)); overflow:hidden; border:1px solid #344b6a; border-radius:18px; background:#f8fbff; color:#122139; box-shadow:0 22px 65px rgba(0,0,0,.35); }
.foxbci-ai-panel[hidden] { display:none !important; }
.foxbci-ai-header { display:flex; align-items:center; gap:10px; padding:14px; background:#0d1a2d; color:#fff; border-bottom:1px solid #2b405c; }
.foxbci-ai-avatar { display:grid; place-items:center; width:36px; height:36px; flex:0 0 36px; border-radius:12px; color:#fff; font-weight:900; background:linear-gradient(135deg,#1769ee,#00b9e8); }
.foxbci-ai-heading { display:flex; flex:1; min-width:0; flex-direction:column; gap:3px; }
.foxbci-ai-heading strong { font-size:13px; }
.foxbci-ai-heading small { color:#bfd0e7; font-size:10px; }
.foxbci-ai-header button { width:30px; height:30px; border:1px solid #405571; border-radius:9px; color:#fff; background:#172942; font-size:21px; cursor:pointer; }
.foxbci-ai-messages { display:flex; flex:1; flex-direction:column; gap:10px; overflow:auto; padding:14px; background:#f2f6fc; }
.foxbci-ai-message { max-width:90%; white-space:pre-wrap; overflow-wrap:anywhere; padding:10px 12px; border-radius:13px; font-size:12px; line-height:1.6; }
.foxbci-ai-message.bot { align-self:flex-start; color:#1a2c45; background:#fff; border:1px solid #d7e1ee; border-top-left-radius:4px; }
.foxbci-ai-message.user { align-self:flex-end; color:#fff; background:#1769ee; border:1px solid #1769ee; border-top-right-radius:4px; }
.foxbci-ai-suggestions { display:flex; gap:6px; flex-wrap:wrap; padding:9px 12px 5px; background:#f2f6fc; }
.foxbci-ai-suggestions button { border:1px solid #c8d8ed; border-radius:999px; padding:7px 9px; color:#164e9a; background:#fff; font-size:10px; font-weight:700; cursor:pointer; }
.foxbci-ai-form { display:flex; gap:8px; padding:10px 12px; background:#fff; border-top:1px solid #dbe4f0; }
.foxbci-ai-form input { flex:1; min-width:0; border:1px solid #c9d6e7; border-radius:11px; padding:11px 12px; outline:none; color:#15253b; background:#fff; font:inherit; font-size:12px; }
.foxbci-ai-form input:focus { border-color:#2685ff; box-shadow:0 0 0 3px rgba(38,133,255,.12); }
.foxbci-ai-form button { width:42px; flex:0 0 42px; border:0; border-radius:11px; color:#fff; background:#1769ee; font-size:17px; cursor:pointer; }
.foxbci-ai-disclaimer { padding:0 12px 10px; background:#fff; color:#667992; font-size:9px; line-height:1.4; }
body[data-theme="dark"] .foxbci-ai-panel { background:#0b1422 !important; border-color:#344c6d !important; color:#f4f8ff !important; }
body[data-theme="dark"] .foxbci-ai-header { background:#08101c !important; }
body[data-theme="dark"] .foxbci-ai-heading small { color:#bed0e8 !important; }
body[data-theme="dark"] .foxbci-ai-messages,
body[data-theme="dark"] .foxbci-ai-suggestions { background:#0e192a !important; }
body[data-theme="dark"] .foxbci-ai-message.bot { color:#eef5ff !important; background:#17263b !important; border-color:#344a68 !important; }
body[data-theme="dark"] .foxbci-ai-message.user { color:#fff !important; background:#1769ee !important; }
body[data-theme="dark"] .foxbci-ai-suggestions button { color:#eaf4ff !important; background:#172a43 !important; border-color:#48658a !important; }
body[data-theme="dark"] .foxbci-ai-form,
body[data-theme="dark"] .foxbci-ai-disclaimer { background:#08101c !important; border-color:#293d58 !important; }
body[data-theme="dark"] .foxbci-ai-form input { color:#f6f9ff !important; background:#152238 !important; border-color:#3c5578 !important; }
body[data-theme="dark"] .foxbci-ai-form input::placeholder { color:#b6c5d9 !important; opacity:1 !important; }
body[data-theme="dark"] .foxbci-ai-disclaimer { color:#b9c9df !important; }
@media (max-width: 900px) {
  .foxbci-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 540px) {
  #layanan { padding-top:54px; padding-bottom:54px; }
  .foxbci-service-grid { grid-template-columns:1fr; }
  .foxbci-service-card { min-height:0; }
  .foxbci-ai-chat { right:12px; bottom:84px; }
  .foxbci-ai-launcher { padding:10px 13px; }
  .foxbci-ai-panel { bottom:56px; right:0; width:calc(100vw - 24px); height:min(500px,calc(100dvh - 130px)); }
}


/* FOXBCI Hero refinement: banner landscape bertumpuk, copy lebih lega, warna lebih hidup */
.hero.section-wrap {
  grid-template-columns: minmax(280px, .88fr) minmax(0, 1.12fr) !important;
  column-gap: clamp(24px, 3.6vw, 54px) !important;
  min-height: 0 !important;
  padding-top: clamp(32px, 4vw, 54px) !important;
  padding-bottom: clamp(36px, 4vw, 58px) !important;
}
.hero-copy { max-width: 100% !important; }
.hero-copy h1 {
  font-size: clamp(46px, 5vw, 68px) !important;
  line-height: .99 !important;
  letter-spacing: -2.4px !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.hero .hero-magenta {
  color: #2f65c8 !important;
}
.hero h1 .hero-blue {
  color: #1268f5 !important;
}
.hero-desc {
  max-width: 520px !important;
  font-size: clamp(15px, 1.22vw, 17px) !important;
  line-height: 1.8 !important;
  color: #536681 !important;
}
.hero-showcase-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  height: clamp(270px, 31vw, 360px) !important;
  min-height: 0 !important;
  gap: clamp(10px, 1.2vw, 14px) !important;
}
.hero-showcase-tile {
  grid-column: 1 !important;
  grid-row: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 6 !important;
  border-radius: 16px !important;
  background: linear-gradient(120deg, #ffffff, #edf4ff) !important;
  border: 1px solid #d7e5fb !important;
  box-shadow: 0 8px 24px rgba(24, 75, 145, .10) !important;
}
.hero-showcase-tile img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 0 !important;
  background: transparent !important;
}
.hero-showcase-tile span {
  left: 10px !important;
  right: 10px !important;
  bottom: 8px !important;
  width: fit-content !important;
  max-width: calc(100% - 20px) !important;
  padding: 6px 9px !important;
  border: 1px solid rgba(206, 222, 247, .85) !important;
  border-radius: 8px !important;
  color: #10203a !important;
  background: rgba(255,255,255,.94) !important;
  font-size: 11px !important;
}
.hero-tile-main,
.hero-tile-second,
.hero-tile-small {
  grid-column: 1 !important;
  grid-row: auto !important;
}
body[data-theme="dark"] .hero.section-wrap {
  background: linear-gradient(115deg, #0d1728 0%, #111f35 65%, #12294a 100%) !important;
  border-color: #263b5a !important;
}
body[data-theme="dark"] .hero .hero-magenta {
  color: #b7ccff !important;
}
body[data-theme="dark"] .hero h1 .hero-blue {
  color: #4f9bff !important;
}
body[data-theme="dark"] .hero-desc {
  color: #c2d2e8 !important;
}
body[data-theme="dark"] .hero .eyebrow {
  color: #b6c9e4 !important;
}
body[data-theme="dark"] .hero .eyebrow-line {
  background: #35b8ff !important;
}
body[data-theme="dark"] .hero-showcase-tile {
  background: linear-gradient(120deg, #f8fbff, #eaf2ff) !important;
  border-color: #42618a !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.26) !important;
}
body[data-theme="dark"] .hero-showcase-tile span {
  color: #0b1930 !important;
  background: rgba(255,255,255,.96) !important;
}
body[data-theme="dark"] .hero .btn-outline {
  color: #dceaff !important;
  background: #172842 !important;
  border-color: #6a8fca !important;
}
body[data-theme="dark"] .hero .btn-outline:hover {
  color: #ffffff !important;
  background: #203b62 !important;
  border-color: #80c7ff !important;
}
@media (max-width: 800px) {
  .hero.section-wrap {
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: 24px !important;
    padding-top: 32px !important;
    padding-bottom: 38px !important;
  }
  .hero-copy h1 { font-size: clamp(43px, 8.5vw, 62px) !important; }
  .hero-desc { font-size: 15px !important; max-width: 100% !important; }
  .hero-showcase-grid {
    height: clamp(250px, 62vw, 340px) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }
  .hero-showcase-tile { aspect-ratio: 16 / 6 !important; }
}
@media (max-width: 480px) {
  .hero-copy h1 { font-size: clamp(39px, 10vw, 48px) !important; letter-spacing: -1.7px !important; }
  .hero-desc { font-size: 14px !important; line-height: 1.75 !important; }
  .hero-showcase-grid { height: 245px !important; gap: 8px !important; }
  .hero-showcase-tile { border-radius: 11px !important; }
  .hero-showcase-tile span { font-size: 9px !important; }
}


/* FOXBCI: floating controls tidak saling tumpuk */
:root {
  --foxbci-float-right: 22px;
  --foxbci-float-gap: 12px;
  --foxbci-float-safe-bottom: 22px;
}
.floating-wa {
  position: fixed !important;
  right: var(--foxbci-float-right) !important;
  bottom: calc(var(--foxbci-float-safe-bottom) + 0px) !important;
  z-index: 9997 !important;
  width: 54px !important;
  height: 54px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.24) !important;
}
.floating-wa .wa-logo {
  width: 28px !important;
  height: 28px !important;
}
.back-to-top-float {
  position: fixed !important;
  right: var(--foxbci-float-right) !important;
  bottom: calc(var(--foxbci-float-safe-bottom) + 54px + var(--foxbci-float-gap)) !important;
  z-index: 9996 !important;
  width: 46px !important;
  height: 46px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.2) !important;
}
.back-to-top-float svg {
  width: 22px !important;
  height: 22px !important;
}
.foxbci-ai-chat {
  position: fixed !important;
  right: var(--foxbci-float-right) !important;
  bottom: calc(var(--foxbci-float-safe-bottom) + 54px + var(--foxbci-float-gap) + 46px + var(--foxbci-float-gap)) !important;
  z-index: 9998 !important;
}
.foxbci-ai-launcher {
  min-height: 46px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.26) !important;
}
.foxbci-ai-panel {
  bottom: 56px !important;
}
body[data-theme="dark"] .floating-wa {
  border: 1px solid #7ce7b0 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.4), 0 0 0 3px rgba(37,211,102,.12) !important;
}
body[data-theme="dark"] .back-to-top-float {
  color: #f5f9ff !important;
  background: #17263d !important;
  border: 1px solid #6a8bb7 !important;
}
body[data-theme="dark"] .back-to-top-float:hover {
  color: #fff !important;
  background: #25466e !important;
  border-color: #7fc9ff !important;
}
@media (max-width: 600px) {
  :root {
    --foxbci-float-right: 12px;
    --foxbci-float-gap: 9px;
    --foxbci-float-safe-bottom: 14px;
  }
  .floating-wa {
    width: 48px !important;
    height: 48px !important;
  }
  .floating-wa .wa-logo {
    width: 25px !important;
    height: 25px !important;
  }
  .back-to-top-float {
    width: 42px !important;
    height: 42px !important;
    bottom: calc(var(--foxbci-float-safe-bottom) + 48px + var(--foxbci-float-gap)) !important;
  }
  .foxbci-ai-chat {
    bottom: calc(var(--foxbci-float-safe-bottom) + 48px + var(--foxbci-float-gap) + 42px + var(--foxbci-float-gap)) !important;
  }
  .foxbci-ai-launcher {
    min-height: 42px !important;
    padding: 8px 11px !important;
  }
  .foxbci-ai-panel {
    bottom: 52px !important;
  }
}
@media (max-height: 520px) {
  .foxbci-ai-panel {
    height: calc(100dvh - 120px) !important;
  }
}


/* HERO banner ratio standardized to 3:1 on public site */
.hero-showcase-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  height: auto !important;
  min-height: 0 !important;
  gap: 10px !important;
}
.hero-showcase-grid .hero-showcase-tile {
  grid-column: 1 !important;
  grid-row: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 3 / 1 !important;
  overflow: hidden !important;
}
.hero-showcase-grid .hero-showcase-tile img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}
@media (max-width: 800px) {
  .hero-showcase-grid {
    height: auto !important;
    grid-template-rows: auto auto !important;
    gap: 9px !important;
  }
  .hero-showcase-grid .hero-showcase-tile {
    aspect-ratio: 3 / 1 !important;
  }
}
@media (max-width: 480px) {
  .hero-showcase-grid {
    height: auto !important;
    gap: 8px !important;
  }
  .hero-showcase-grid .hero-showcase-tile {
    aspect-ratio: 3 / 1 !important;
  }
}


/* Chatbot header uses the actual FOXBCI brand logo instead of the letter F */
.foxbci-ai-avatar {
  overflow: hidden !important;
  padding: 3px !important;
  background: #ffffff !important;
  border: 1px solid rgba(110, 183, 255, .75) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.16) !important;
}
.foxbci-ai-avatar img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 8px !important;
}


/* FOXBCI layout refinement: voucher cards in wide landscape format */
.voucher-cards{grid-template-columns:minmax(0,1fr)!important;gap:14px}
.voucher-card{min-height:142px;display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px 24px;border-radius:18px}
.voucher-stamp{width:72px;height:72px;flex-basis:72px}
.voucher-copy strong{display:block;font-size:clamp(16px,1.7vw,21px);line-height:1.25;margin:5px 0}
.voucher-copy p{max-width:560px;font-size:13px;line-height:1.55;margin:5px 0 0}
.voucher-side{position:relative;z-index:1;font-size:28px;margin-right:6px}
.physical-invitation-showcase{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:28px;align-items:center;margin-top:26px}
.physical-invitation-gallery{min-width:0}
.physical-invitation-media{grid-template-columns:minmax(0,1fr);margin:0 0 16px;gap:16px}
.physical-invitation-section .invitation-media-card{display:grid;grid-template-columns:minmax(150px,.85fr) minmax(0,1fr);align-items:stretch;overflow:hidden;border:1px solid var(--line);border-radius:16px;min-width:0}
.physical-invitation-section .invitation-media-visual{min-width:0;min-height:170px;aspect-ratio:4/3;overflow:hidden;background:#101827}
.physical-invitation-section .invitation-media-visual img,.physical-invitation-section .invitation-media-visual video{width:100%;height:100%;min-height:170px;object-fit:cover;display:block}
.physical-invitation-section .invitation-media-card-body{padding:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.physical-invitation-section .invitation-media-card-body h3{font-size:17px;line-height:1.3;margin:0 0 8px}
.physical-invitation-section .invitation-media-card-body p{font-size:12px;line-height:1.55;margin:0 0 12px}
.physical-invitation-info{border:1px solid var(--line);border-radius:18px;background:var(--bg);padding:clamp(24px,3vw,36px);min-height:230px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.physical-invitation-info h3{font-size:clamp(22px,2.4vw,30px);line-height:1.2;margin:12px 0;color:var(--white)}
.physical-invitation-info p{font-size:14px;color:var(--muted);max-width:440px;margin:0 0 20px}
.physical-invitation-media .invitation-media-empty{grid-column:1/-1}
@media(max-width:760px){.voucher-card{grid-template-columns:58px minmax(0,1fr);gap:13px;padding:16px}.voucher-stamp{width:58px;height:58px;flex-basis:58px;font-size:11px}.voucher-side{display:none}.physical-invitation-showcase{grid-template-columns:minmax(0,1fr);gap:18px}.physical-invitation-section .invitation-media-card{grid-template-columns:minmax(110px,.8fr) minmax(0,1fr)}.physical-invitation-section .invitation-media-visual,.physical-invitation-section .invitation-media-visual img,.physical-invitation-section .invitation-media-visual video{min-height:145px}.physical-invitation-info{min-height:0;padding:22px}}
@media(max-width:440px){.physical-invitation-section .invitation-media-card{grid-template-columns:minmax(0,1fr)}.physical-invitation-section .invitation-media-visual{aspect-ratio:16/9}.physical-invitation-section .invitation-media-visual img,.physical-invitation-section .invitation-media-visual video{height:auto;min-height:0;aspect-ratio:16/9}}


/* ===== FOXBCI SOCIAL COMMERCE — 3 COLUMN REDESIGN ===== */
:root{
 --fox-teal:#19c9c2;--fox-blue:#347cff;--fox-grad:linear-gradient(115deg,#18d4ca 0%,#347cff 100%);
}
body[data-theme="dark"]{
 --bg:#070b10!important;--panel:#101820!important;--panel2:#17232d!important;
 --white:#f2f8fb!important;--muted:#9aabb8!important;--line:#26333e!important;
 --orange:#19c9c2!important;--orange2:#347cff!important;
 background:#070b10!important;color:#f2f8fb!important;
}
body[data-theme="light"]{
 --bg:#f2f6fa!important;--panel:#fff!important;--panel2:#edf3f8!important;
 --white:#172b3a!important;--muted:#657987!important;--line:#dce6ed!important;
 --orange:#19bdb7!important;--orange2:#347cff!important;
 background:#f2f6fa!important;color:#172b3a!important;
}
body[data-theme="dark"] .announcement{background:linear-gradient(100deg,#103c42,#153e68)!important;color:#eaffff!important}
body[data-theme="light"] .announcement{background:linear-gradient(100deg,#d8f8f4,#dceaff)!important;color:#143347!important}
.site-header{background:var(--bg)!important;border-bottom:1px solid var(--line)!important}
.brand-mark,.nav-cta,.btn-orange,.fox-social-order{background:var(--fox-grad)!important;color:#03171c!important;border:0!important}
.nav a:hover,.nav button:hover,a:hover{color:var(--fox-teal)}
.theme-toggle{background:var(--panel)!important;color:var(--fox-teal)!important;border:1px solid var(--line)!important}
.top-search-wrap{background:var(--bg)!important;border-color:var(--line)!important}
.search-input-wrap{background:var(--panel)!important;border-color:var(--line)!important}
.search-input-wrap:focus-within{border-color:var(--fox-teal)!important;box-shadow:0 0 0 3px rgba(25,201,194,.13)!important}
.filter.active,.filter:hover,.voucher-tabs button.active{background:var(--fox-grad)!important;color:#03171c!important;border-color:transparent!important}
.hero h1 .hero-magenta{color:var(--fox-teal)!important}
.hero h1 .hero-blue{color:var(--fox-blue)!important}
.eyebrow-line{background:var(--fox-grad)!important}
.btn-outline{border-color:var(--fox-teal)!important;color:var(--fox-teal)!important}
.btn-outline:hover{background:rgba(25,201,194,.1)!important}
.flash-sale-panel,.voucher-card,.product-card,.portfolio-item{border-color:rgba(25,201,194,.24)!important}

/* Overall frame */
.fox-social-shell{
 width:min(1660px,100%);margin:0 auto;padding:18px 16px 64px;
 display:grid;grid-template-columns:270px minmax(420px,1fr) 330px;
 align-items:start;gap:18px;
}
.fox-left-rail,.fox-right-rail{min-width:0;display:flex;flex-direction:column;gap:15px;position:sticky;top:14px}
.fox-center-feed{min-width:0;display:flex;flex-direction:column;gap:14px}
.fox-social-profile,.fox-social-nav,.fox-story-panel,.fox-composer,.fox-right-card,.fox-help-card{
 background:var(--panel);border:1px solid var(--line);border-radius:19px;overflow:hidden;
 box-shadow:0 10px 28px rgba(0,0,0,.055);
}
.fox-social-cover{
 height:104px;position:relative;display:flex;align-items:flex-end;padding:12px 14px;
 background:linear-gradient(120deg,#0b2634,#10515b 48%,#1d4e85);
}
.fox-social-cover:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(31,220,209,.45),transparent 38%),linear-gradient(135deg,transparent 45%,rgba(54,124,255,.25))}
.fox-social-cover span{position:relative;color:#bafbf5;font-size:9px;font-weight:900;letter-spacing:2px}
.fox-social-avatar{width:78px;height:78px;border-radius:50%;background:#fff;border:4px solid var(--panel);margin:-39px 0 9px 20px;position:relative;display:grid;place-items:center;overflow:hidden;box-shadow:0 5px 18px rgba(0,0,0,.2)}
.fox-social-avatar img{width:100%;height:100%;object-fit:contain;padding:6px}
.fox-social-profile-copy{padding:0 17px}
.fox-social-profile-copy h2{font-size:16px;line-height:1.3;margin:0;color:var(--white);font-weight:900}
.fox-verified{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--fox-blue);color:#fff;font-size:10px}
.fox-social-profile-copy p{margin:4px 0 8px;color:var(--muted);font-size:11px}
.fox-social-profile-copy small{font-size:10px;color:var(--muted)}
.fox-online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#24d39b;margin-right:5px;box-shadow:0 0 0 3px rgba(36,211,155,.12)}
.fox-social-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 14px 0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.fox-social-stats div{display:flex;flex-direction:column;gap:3px}
.fox-social-stats strong{font-size:15px;color:var(--white)}
.fox-social-stats span{font-size:9px;color:var(--muted)}
.fox-social-nav{padding:10px;display:flex;flex-direction:column;gap:3px}
.fox-social-nav a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:10px;color:var(--white)!important;font-size:12px;font-weight:650;transition:.18s}
.fox-social-nav a>span{width:20px;text-align:center;font-size:17px;color:var(--muted)}
.fox-social-nav a:hover,.fox-social-nav a.is-current{background:linear-gradient(100deg,rgba(25,201,194,.22),rgba(52,124,255,.16));color:var(--fox-teal)!important}
.fox-social-nav a.is-current>span,.fox-social-nav a:hover>span{color:var(--fox-teal)}
.fox-social-nav .fox-social-order{justify-content:space-between;margin-top:7px;padding:13px 14px;color:#03171c!important;font-size:13px;font-weight:900}
.fox-social-nav .fox-social-order span{color:#03171c;font-size:18px}

/* Story rail and composer */
.fox-story-panel{padding:14px 13px 11px}
.fox-story-row{display:flex;gap:clamp(8px,1.2vw,16px);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--fox-teal) transparent;padding:2px 2px 5px}
.fox-story{flex:0 0 67px;display:flex;align-items:center;flex-direction:column;gap:7px;text-align:center;color:var(--muted)!important}
.fox-story-circle{width:59px;height:59px;padding:3px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 20deg,var(--fox-teal),var(--fox-blue),#78e9df,var(--fox-teal));font-size:24px;color:#fff;position:relative}
.fox-story-circle:after{content:"";position:absolute;inset:3px;border:2px solid var(--panel);border-radius:50%;pointer-events:none}
.fox-story-circle:not(.fox-story-add){text-shadow:0 2px 5px rgba(0,0,0,.3)}
.fox-story-add{background:var(--panel2);border:2px dashed var(--fox-teal);color:var(--fox-teal);font-size:30px}
.fox-story-add:after{display:none}
.fox-story strong{font-size:9px;line-height:1.2;white-space:normal;font-weight:750}
.fox-story:hover{color:var(--fox-teal)!important}
.fox-story:hover .fox-story-circle{filter:drop-shadow(0 4px 10px rgba(25,201,194,.25));transform:translateY(-2px)}
.fox-composer{padding:11px 13px;display:flex;align-items:center;gap:11px}
.fox-composer-avatar{width:38px;height:38px;object-fit:contain;border-radius:50%;background:#fff;padding:4px;flex:0 0 auto}
.fox-composer-prompt{flex:1;min-width:0;border-radius:30px;background:var(--panel2);padding:12px 15px;color:var(--muted)!important;font-size:11px}
.fox-composer>a:not(.fox-composer-prompt){font-size:21px;color:var(--muted)!important;padding:5px}
.fox-composer>a:hover{color:var(--fox-teal)!important}

/* Existing hero and storefront sections as the central feed */
.fox-center-feed>.hero{width:100%;max-width:none;margin:0;border:1px solid var(--line);border-radius:19px;overflow:hidden;background:var(--panel)!important;padding:25px}
body[data-theme="dark"] .fox-center-feed>.hero{background:linear-gradient(120deg,#0c1720,#102b38)!important}
body[data-theme="light"] .fox-center-feed>.hero{background:linear-gradient(120deg,#fff,#edf8fa)!important}
.fox-center-feed>.section-wrap,.fox-center-feed>.products-section,.fox-center-feed>.portfolio-section{width:100%;max-width:none;margin-left:0;margin-right:0}
.fox-center-feed .section-wrap{max-width:none}
.fox-center-feed .section-pad{padding-left:16px;padding-right:16px}
.fox-center-feed .products-section,.fox-center-feed .portfolio-section,.fox-center-feed .promo-hub,.fox-center-feed .invitation-section,.fox-center-feed .trusted-by-section,.fox-center-feed .contact-section,.fox-center-feed .about-foxbci,.fox-center-feed .expedition-section{
 background:var(--panel);border:1px solid var(--line);border-radius:19px;overflow:hidden;padding-top:16px;padding-bottom:16px;margin:0;
}
.fox-center-feed .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.fox-center-feed .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.fox-center-feed .promo-hub{display:block!important}
.fox-center-feed .promo-calculator-column{margin-top:18px}
.fox-center-feed .promo-calculator-column iframe{min-height:700px}
.fox-center-feed .flash-sale-section{display:none}

/* Right rail */
.fox-right-promo{min-height:198px;border-radius:19px;overflow:hidden;padding:17px 17px 15px;position:relative;background:linear-gradient(120deg,#0b2638,#075b72 58%,#1c4c91);border:1px solid rgba(25,201,194,.3);box-shadow:0 12px 30px rgba(0,0,0,.14)}
.fox-right-promo:after{content:"";position:absolute;width:170px;height:170px;right:-52px;top:12px;border-radius:50%;background:radial-gradient(circle,rgba(25,201,194,.28),transparent 68%);pointer-events:none}
.fox-right-promo-label{display:inline-flex;border-radius:20px;background:#f04d58;color:#fff;padding:5px 10px;font-size:9px;font-weight:900;letter-spacing:.8px}
.fox-right-promo h2{position:relative;z-index:1;font-size:20px;line-height:1.12;color:#fff;margin:12px 0 7px;max-width:210px}
.fox-right-promo p{position:relative;z-index:1;color:#c6e5ed;font-size:10px;margin:0 0 12px}
.fox-right-promo>a{position:relative;z-index:1;display:inline-flex;gap:12px;align-items:center;padding:8px 12px;border-radius:9px;background:var(--fox-grad);color:#05171b!important;font-size:10px;font-weight:900}
.fox-right-card{padding:13px}
.fox-right-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.fox-right-card-head h3{font-size:14px;margin:0;color:var(--white)}
.fox-right-card-head>a{font-size:9px;color:var(--fox-teal)!important;font-weight:800;white-space:nowrap}
.fox-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fox-quick-grid>a{min-height:78px;border-radius:12px;background:var(--panel2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:8px 4px;color:var(--white)!important}
.fox-quick-grid>a span{font-size:22px;color:var(--fox-teal)}
.fox-quick-grid>a strong{font-size:9px;line-height:1.25}
.fox-quick-grid>a:hover{outline:1px solid var(--fox-teal);background:rgba(25,201,194,.08)}
.fox-popular-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fox-popular-list>a{display:flex;flex-direction:column;gap:3px;min-width:0;color:var(--white)!important;font-size:10px}
.fox-popular-thumb{height:66px;border-radius:10px;background:linear-gradient(135deg,#d8f4f4,#dceaff);display:grid;place-items:center;color:#176d80;font-size:28px;font-weight:900}
.fox-popular-list strong{font-size:10px}
.fox-popular-list small{font-size:8px;color:var(--muted)}
.fox-help-card{display:flex;align-items:center;gap:10px;padding:13px;color:var(--white)!important;border-color:var(--fox-teal)}
.fox-help-icon{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:rgba(25,201,194,.13);color:var(--fox-teal);font-size:22px;flex:0 0 auto}
.fox-help-card>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}
.fox-help-card strong{font-size:11px}
.fox-help-card small{font-size:8px;color:var(--muted)}
.fox-help-card>b{margin-left:auto;color:var(--fox-teal);font-size:19px}
.fox-right-flash-slot{min-width:0}
.fox-right-flash-slot .flash-sale-section{padding:0;margin:0}
.fox-right-flash-slot .flash-sale-panel{padding:13px;border-radius:17px}
.fox-right-flash-slot .flash-head{display:block}
.fox-right-flash-slot .flash-head h3{font-size:16px}
.fox-right-flash-slot .flash-countdown{display:none}
.fox-right-flash-slot .flash-products{display:flex;flex-direction:column}
.fox-right-flash-slot .flash-product-card{width:100%}

/* Light theme surface tuning */
body[data-theme="light"] .fox-social-profile,body[data-theme="light"] .fox-social-nav,body[data-theme="light"] .fox-story-panel,body[data-theme="light"] .fox-composer,body[data-theme="light"] .fox-right-card,body[data-theme="light"] .fox-help-card{box-shadow:0 8px 24px rgba(20,55,80,.06)}
body[data-theme="light"] .fox-social-cover{background:linear-gradient(120deg,#bceee9,#b9d4ff)}
body[data-theme="light"] .fox-social-cover span{color:#12445a}
body[data-theme="light"] .fox-right-promo{box-shadow:0 10px 25px rgba(10,50,90,.12)}
body[data-theme="light"] .fox-popular-thumb{background:linear-gradient(135deg,#e3f9f7,#e5edff)}
body[data-theme="light"] .fox-social-nav a{color:#233b4b!important}
body[data-theme="light"] .fox-social-nav a.is-current{color:#078d8b!important}

/* Responsive: collapse rails into compact rows on tablet/mobile */
@media(max-width:1200px){
 .fox-social-shell{grid-template-columns:230px minmax(0,1fr);gap:14px}
 .fox-right-rail{position:static;grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 .fox-right-promo,.fox-right-flash-slot{grid-row:span 2}
}
@media(max-width:760px){
 .fox-social-shell{display:flex;flex-direction:column;padding:10px 10px 45px;gap:11px}
 .fox-left-rail,.fox-right-rail{position:static;width:100%;display:flex;flex-direction:column;gap:9px}
 .fox-social-profile{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;padding:10px;column-gap:10px}
 .fox-social-cover{display:none}
 .fox-social-avatar{grid-column:1;grid-row:1/4;width:58px;height:58px;margin:0;border-width:2px}
 .fox-social-profile-copy{padding:0}
 .fox-social-profile-copy h2{font-size:13px}
 .fox-social-profile-copy p{font-size:9px;margin:3px 0}
 .fox-social-profile-copy small{font-size:8px}
 .fox-social-stats{grid-column:1/-1;margin:9px 0 0;padding:8px 0}
 .fox-social-stats strong{font-size:12px}
 .fox-social-stats span{font-size:8px}
 .fox-social-nav{display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap;padding:7px;gap:5px}
 .fox-social-nav a{flex:0 0 auto;padding:8px 10px;font-size:9px;gap:6px;background:var(--panel2)}
 .fox-social-nav a>span{font-size:13px;width:auto}
 .fox-social-nav .fox-social-order{margin:0}
 .fox-social-nav .fox-social-order span{font-size:14px}
 .fox-center-feed{width:100%;gap:10px}
 .fox-story-panel{padding:10px 8px 8px;border-radius:14px}
 .fox-story{flex-basis:59px;gap:5px}
 .fox-story-circle{width:49px;height:49px;font-size:20px}
 .fox-story strong{font-size:8px}
 .fox-composer{padding:8px;border-radius:14px;gap:7px}
 .fox-composer-avatar{width:31px;height:31px}
 .fox-composer-prompt{font-size:9px;padding:10px 12px}
 .fox-composer>a:not(.fox-composer-prompt){font-size:17px}
 .fox-center-feed>.hero{padding:17px;border-radius:14px}
 .fox-center-feed .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fox-right-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .fox-right-promo{grid-column:1/-1;min-height:150px}
 .fox-right-card{padding:10px}
 .fox-right-card-head h3{font-size:12px}
 .fox-right-card-head>a{font-size:8px}
 .fox-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .fox-quick-grid>a{min-height:66px}
 .fox-quick-grid>a span{font-size:18px}
 .fox-quick-grid>a strong{font-size:8px}
 .fox-popular-thumb{height:48px}
 .fox-help-card{grid-column:1/-1}
 .fox-right-flash-slot{grid-column:1/-1}
 .fox-center-feed .section-heading h2{font-size:24px}
}
@media(max-width:390px){
 .fox-social-nav a{padding:7px 8px;font-size:8px}
 .fox-right-rail{grid-template-columns:1fr}
 .fox-right-promo,.fox-help-card,.fox-right-flash-slot{grid-column:1}
}


/* FOXBCI visual correction: category chips stay only in the top navigation */
#produk .filter-row { display:none !important; }

/* FOXBCI visual correction: clean, compact shipping information */
.expedition-section { padding:16px 18px!important; margin-top:10px!important; background:var(--panel)!important; border:1px solid var(--line)!important; border-radius:16px!important; }
.expedition-inner { width:100%!important; max-width:none!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; flex-wrap:wrap!important; }
.expedition-copy { padding-right:0!important; min-width:0; flex:1 1 230px; }
.expedition-kicker { display:block; margin-bottom:5px; color:var(--muted); font-size:9px; font-weight:800; letter-spacing:1.4px; }
.expedition-copy h2 { margin:0 0 5px!important; color:var(--white)!important; font-size:16px!important; line-height:1.25; }
.expedition-copy p { margin:0 0 4px!important; color:var(--white)!important; opacity:.78; font-size:11px!important; line-height:1.5!important; }
.expedition-copy small { display:block; color:var(--muted); font-size:10px; line-height:1.45; }
.expedition-delivery-label { position:static!important; flex:0 1 auto; margin:0!important; width:auto!important; max-width:100%; padding:10px 12px!important; border:1px solid var(--line)!important; background:var(--panel2)!important; border-radius:11px!important; box-shadow:none!important; }
.expedition-delivery-label strong { color:var(--orange)!important; font-size:12px!important; }
.expedition-delivery-label span { color:var(--muted)!important; font-size:10px!important; white-space:normal!important; }
@media(max-width:600px){
 .expedition-section { padding:14px!important; }
 .expedition-inner { align-items:stretch!important; }
 .expedition-delivery-label { width:100%!important; }
}


/* FOXBCI header cleanup: remove duplicate ticker and place cart/account beside profile */
.welcome-running{display:none!important}
.fox-social-profile{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) 76px;
  align-items:center;
  gap:8px;
  padding:12px!important;
}
.fox-social-cover{display:none!important}
.fox-social-avatar{
  grid-column:1!important;grid-row:1!important;
  width:54px!important;height:54px!important;
  margin:0!important;border-width:2px!important;
}
.fox-social-profile-copy{
  grid-column:2!important;grid-row:1!important;
  min-width:0;padding:0!important;
}
.fox-social-profile-copy h2{font-size:clamp(11px,1.15vw,14px)!important;line-height:1.2}
.fox-social-profile-copy p{font-size:10px!important;margin:4px 0!important}
.fox-social-profile-copy small{font-size:9px!important}
.fox-profile-actions{
  grid-column:3!important;grid-row:1!important;
  display:flex;flex-direction:column;align-items:stretch;gap:6px;
  min-width:0;
}
.fox-profile-action{
  position:relative;display:flex;align-items:center;justify-content:center;gap:4px;
  width:100%;min-height:31px;padding:5px 4px;
  border:1px solid var(--line,#2a4059);border-radius:9px;
  background:var(--panel2,#17263a);color:var(--white,#edf5ff);
  font:700 10px/1.1 inherit;cursor:pointer;white-space:nowrap;
}
.fox-profile-action:first-child{border-color:rgba(54,197,240,.45)}
.fox-profile-action-label{font-size:9px}
.fox-profile-cart-count{
  display:inline-grid;place-items:center;min-width:15px;height:15px;padding:0 3px;
  border-radius:99px;background:#3274ff;color:#fff;font-size:9px;font-weight:800;
}
.fox-social-stats{grid-column:1/-1!important;grid-row:2!important;margin:10px 0 0!important}
@media(max-width:600px){
  .site-header{margin-bottom:0}
  .fox-social-profile{grid-template-columns:54px minmax(0,1fr) 72px!important;gap:7px!important;padding:10px!important}
  .fox-social-avatar{width:50px!important;height:50px!important}
  .fox-social-profile-copy h2{font-size:12px!important}
  .fox-social-profile-copy p{font-size:9px!important}
  .fox-social-profile-copy small{font-size:8px!important}
  .fox-profile-actions{gap:5px}
  .fox-profile-action{min-height:29px;padding:4px 3px;font-size:10px}
  .fox-profile-action-label{font-size:8px}
  .fox-social-stats{margin-top:8px!important;padding:8px 0!important}
}
@media(max-width:360px){
  .fox-social-profile{grid-template-columns:46px minmax(0,1fr) 66px!important;gap:6px!important}
  .fox-social-avatar{width:44px!important;height:44px!important}
  .fox-social-profile-copy h2{font-size:10px!important}
  .fox-profile-action-label{font-size:7px}
}