*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4ed;color:#102030;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,a,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{position:sticky;top:0;z-index:20;height:64px;padding:0 max(18px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(247,244,237,.95);backdrop-filter:blur(16px);border-bottom:1px solid #10203014}.brand{display:flex;align-items:center;gap:9px;color:#102030;text-decoration:none;font-weight:900;letter-spacing:.04em;font-size:14px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#b9944a;color:#fff}.top-actions{display:flex;gap:4px}.icon-btn,.close-btn{position:relative;width:42px;height:42px;border:0;background:transparent;border-radius:12px;display:grid;place-items:center;color:#102030}.icon-btn:hover,.close-btn:hover{background:#ebe6dc}.icon-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.badge{position:absolute;right:4px;top:3px;min-width:17px;height:17px;border-radius:99px;background:#b9944a;color:white;font-size:10px;display:grid;place-items:center}.marquee{overflow:hidden;white-space:nowrap;background:#102030;color:#f7f4ed;font-size:10px;font-weight:800;letter-spacing:.14em}.marquee div{display:inline-block;padding:9px 0;animation:marquee 24s linear infinite}@keyframes marquee{to{transform:translateX(-45%)}}main{max-width:1180px;margin:auto}.hero{min-height:520px;padding:65px 22px 48px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:900;color:#a17d3c}.hero h1{max-width:720px;margin:10px 0 15px;font-size:clamp(42px,7vw,76px);line-height:.96;letter-spacing:-.06em}.hero h1 em{font-family:Georgia,serif;font-weight:500;color:#a17d3c}.hero p{max-width:620px;font-size:16px;line-height:1.75;color:#607080}.hero-actions{display:flex;gap:9px;margin-top:22px}.primary,.secondary{border:0;border-radius:13px;padding:13px 17px;font-weight:850;transition:.2s}.primary{background:#102030;color:#fff}.secondary{background:#b9944a;color:#fff}.primary:hover,.secondary:hover{transform:translateY(-2px);box-shadow:0 10px 24px #10203022}.primary span{margin-left:15px;color:#d2b46f}.hero-points{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;color:#68737d;font-size:12px}.hero-orb{width:330px;height:330px;border-radius:50%;justify-self:end;background:radial-gradient(circle at 35% 30%,#d6b873,transparent 28%),linear-gradient(135deg,#152638,#344a5d);box-shadow:inset -35px -35px 80px #0005,0 35px 80px #10203025;animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-12px) rotate(3deg)}}.section{padding:35px 22px}.section.compact{max-width:780px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.section h2,.process h2{margin:5px 0 0;font-size:29px;letter-spacing:-.035em}.text-btn{border:0;background:transparent;color:#a17d3c;font-weight:850}.chips{display:flex;gap:8px;overflow:auto;padding:2px 0 13px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;border:1px solid #d9d2c4;background:#fff;border-radius:99px;padding:9px 14px;color:#536170;font-size:13px;font-weight:750}.chip.active,.chip:hover{background:#102030;color:#fff;border-color:#102030}.catalog-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.filter-btn{border:1px solid #ddd6ca;background:#fff;border-radius:10px;padding:8px 11px;font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{background:#fff;border:1px solid #e8e2d8;border-radius:18px;overflow:hidden;cursor:pointer;transition:.25s}.product:hover{transform:translateY(-4px);box-shadow:0 18px 40px #10203012}.product-media{aspect-ratio:1/1;background:#eeeae1;display:grid;place-items:center;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover}.shirt{width:52%;height:62%;border:2px solid #b9944a;border-radius:20px 20px 12px 12px;background:linear-gradient(135deg,#fdfcf8,#d4d0c6);box-shadow:inset -15px -10px 25px #00000012}.product-body{padding:13px}.product-name{font-weight:850;font-size:14px}.product-cat{font-size:11px;color:#8a9198;margin-top:4px}.price{margin-top:9px;font-weight:900}.meta-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.tag{font-size:10px;padding:5px 7px;border-radius:99px;background:#f2eee6;color:#69747e}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:25px 22px;background:#dcd5c9;border-radius:18px;overflow:hidden}.trust-strip>div{background:#fff;padding:19px}.trust-strip b,.trust-strip span{display:block}.trust-strip b{font-size:13px}.trust-strip span{font-size:11px;color:#7a858e;margin-top:5px}.process{margin:30px 22px;padding:30px;border-radius:22px;background:#102030;color:#fff}.process .eyebrow{color:#d2b46f}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:25px}.process-grid article{border:1px solid #ffffff1f;border-radius:16px;padding:17px}.process-grid b{color:#d2b46f}.process-grid h3{margin:22px 0 5px}.process-grid p{margin:0;color:#c0c9d0;font-size:12px;line-height:1.6}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.portfolio-card{background:#fff;border:1px solid #e6dfd5;border-radius:18px;overflow:hidden}.portfolio-cover{aspect-ratio:1.2;background:linear-gradient(135deg,#d8d0c2,#eef0ed);display:grid;place-items:center}.portfolio-cover img{width:100%;height:100%;object-fit:cover}.portfolio-body{padding:14px}.muted{color:#65717c;line-height:1.7}.faq-list{display:grid;gap:8px}.faq{background:#fff;border:1px solid #e6dfd5;border-radius:14px;overflow:hidden}.faq button{width:100%;border:0;background:#fff;padding:16px;text-align:left;font-weight:800;display:flex;justify-content:space-between}.faq div{padding:0 16px 16px;color:#66727d;line-height:1.6;font-size:13px}footer{padding:45px 22px 90px;max-width:1180px;margin:auto;color:#68737d;font-size:12px;display:flex;gap:15px;justify-content:space-between;align-items:center}.drawer,.sheet{position:fixed;inset:0;z-index:50;pointer-events:none}.drawer.open,.sheet.open{pointer-events:auto}.drawer-backdrop,.sheet-backdrop{position:absolute;inset:0;background:#08131e66;opacity:0;transition:.25s}.drawer.open .drawer-backdrop,.sheet.open .sheet-backdrop{opacity:1}.drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(390px,92vw);background:#fbf9f4;padding:28px 24px;transform:translateX(100%);transition:.3s;box-shadow:-20px 0 60px #0002}.drawer.open .drawer-panel{transform:none}.drawer-panel h2{font-size:32px;margin:8px 0 25px}.menu-link{display:flex;justify-content:space-between;width:100%;padding:17px 0;border:0;border-bottom:1px solid #e3ddd3;background:transparent;font-weight:800;text-align:left}.sheet{display:grid;align-items:end}.sheet-card{position:relative;background:#fbf9f4;border-radius:24px 24px 0 0;padding:24px;max-height:91vh;overflow:auto;transform:translateY(100%);transition:.3s}.sheet.open .sheet-card{transform:none}.detail-gallery{aspect-ratio:1.1;background:#eeeae1;border-radius:18px;display:grid;place-items:center;overflow:hidden}.detail-gallery img{width:100%;height:100%;object-fit:cover}.detail-title{font-size:29px;margin:18px 0 6px}.size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.size-row{display:flex;justify-content:space-between;align-items:center;border:1px solid #ddd6ca;background:#fff;border-radius:12px;padding:9px 11px}.stepper{display:flex;align-items:center;gap:9px}.stepper button{width:30px;height:30px;border:1px solid #d8d0c4;background:#fff;border-radius:9px}.field{display:grid;gap:6px;margin:10px 0}.field label{font-size:11px;font-weight:800;color:#65717c}.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid #d9d2c4;border-radius:11px;background:#fff;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#b9944a}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.option{border:1px solid #ddd6ca;background:#fff;border-radius:12px;padding:10px}.option.active{border-color:#102030;box-shadow:inset 0 0 0 1px #102030}.sheet-actions{display:flex;gap:8px;margin-top:18px}.sheet-actions button{flex:1}.order-card{background:#fff;border:1px solid #e5ded4;border-radius:15px;padding:14px;margin:9px 0}.status-pill{display:inline-flex;padding:5px 8px;border-radius:99px;background:#f1eadc;color:#80642f;font-size:10px;font-weight:850}.timeline{display:grid;gap:8px;margin-top:15px}.timeline-item{border-left:2px solid #d9d2c4;padding:2px 0 7px 13px}.timeline-item.active{border-color:#b9944a}.timeline-item b{font-size:12px}.players{display:grid;gap:7px}.player-row{display:grid;grid-template-columns:70px 1fr 70px 32px;gap:6px}.player-row input{min-width:0}.empty{padding:30px;text-align:center;background:#fff;border:1px dashed #d8d0c4;border-radius:15px}.wa-float{position:fixed;z-index:30;right:18px;bottom:22px;width:54px;height:54px;min-width:54px;aspect-ratio:1/1;border:0;border-radius:50%;background:#1d9b62;color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px #10203030}.wa-float svg{width:34px;height:34px;display:block;fill:currentColor;stroke:none}.skeleton{height:300px;border-radius:18px;background:linear-gradient(90deg,#e9e3d9 25%,#f5f1e9 50%,#e9e3d9 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:45px}.hero-orb{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:1fr 1fr}.trust-strip{grid-template-columns:1fr}.trust-strip>div:not(:first-child){display:none}.hero-points{gap:9px}.sheet-card{padding:18px}.player-row{grid-template-columns:58px 1fr 58px 32px}}@media(min-width:801px){.hero,.section{padding-left:0;padding-right:0}.trust-strip,.process{margin-left:0;margin-right:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}
/* ASTAMA Commerce UI v1.6 */
.category-section{padding-top:12px}.category-rail{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:none}.category-rail::-webkit-scrollbar{display:none}.category-card{flex:0 0 116px;min-height:126px;border:1px solid #e4ddd1;background:#fff;border-radius:18px;padding:15px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#102030;box-shadow:0 7px 22px #1020300a}.category-card:active,.category-card:hover{transform:translateY(-2px);border-color:#b9944a}.category-icon{width:54px;height:54px;border-radius:16px;background:#f3eee5;display:grid;place-items:center;color:#a17d3c}.category-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.category-card b{font-size:12px;text-align:center}.category-card small{font-size:9px;color:#7d8790}.category-showcase{background:#f0ece4;border-top:1px solid #e0d9cd;border-bottom:1px solid #e0d9cd}.category-carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:none}.category-carousel::-webkit-scrollbar{display:none}.category-slide{position:relative;flex:0 0 min(88vw,520px);aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#dcd6cb;scroll-snap-align:start}.category-slide img{width:100%;height:100%;object-fit:cover}.slide-caption{position:absolute;left:0;right:0;bottom:0;padding:28px 16px 15px;color:#fff;background:linear-gradient(transparent,#102030cc);display:flex;flex-direction:column;gap:3px}.slide-caption b{font-size:16px}.slide-caption span{font-size:11px;color:#e9edf0}.category-products{margin-top:14px}.product-media{position:relative}.product-badge{position:absolute;left:10px;top:10px;padding:5px 7px;border-radius:99px;background:#102030;color:#fff;font-size:8px;font-weight:900;letter-spacing:.08em}.bottom-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;height:67px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid #10203016;box-shadow:0 -10px 30px #1020300c}.bottom-nav button{border:0;background:transparent;color:#6d7780;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;font-weight:800}.bottom-nav button:active,.bottom-nav button:hover{color:#102030}.bottom-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #ddd6ca;margin:0 0 14px}.auth-tab{border:0;background:transparent;padding:11px;font-weight:850;color:#7a858e}.auth-tab.active{color:#102030;border-bottom:2px solid #b9944a}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.order-button{width:100%;text-align:left;border:1px solid #e5ded4;cursor:pointer}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.about-grid>div{background:#fff;border:1px solid #e5ded4;border-radius:15px;padding:16px}.about-grid p{margin-bottom:0}.timeline-item{position:relative;padding-left:18px}.timeline-dot{position:absolute;left:-6px;top:3px;width:9px;height:9px;border-radius:50%;background:#b9944a;border:2px solid #fbf9f4}.wa-float{right:16px;bottom:84px;width:58px;height:58px}.wa-float svg{width:30px;height:30px}
@media(max-width:800px){main{padding-bottom:76px}.hero{padding-bottom:25px}.hero h1{font-size:46px}.category-card{flex-basis:105px;min-height:116px}.category-icon{width:48px;height:48px}.section{padding-top:28px;padding-bottom:28px}.about-grid{grid-template-columns:1fr}.wa-float{bottom:84px}}
/* ASTAMA Commerce v1.7 UX */
.sheet-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:1px solid #ddd6ca;border-radius:12px;background:#fff;display:grid;place-items:center;color:#102030;z-index:2}.sheet-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.sheet-card{padding-top:58px}.highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.highlight-card{border:1px solid #e3ddd2;background:#fff;border-radius:18px;padding:18px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;color:#102030;box-shadow:0 8px 24px #1020300a}.highlight-card:hover{transform:translateY(-2px);border-color:#b9944a}.highlight-card b,.highlight-card small{display:block}.highlight-card b{font-size:14px}.highlight-card small{margin-top:5px;color:#6e7982;line-height:1.45;font-size:11px}.highlight-icon{width:46px;height:46px;border-radius:14px;background:#f2ecdf;color:#a17d3c;display:grid;place-items:center}.highlight-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.highlight-card strong{color:#b9944a;font-size:20px}.faq button span:first-child{display:grid;gap:5px}.faq-k{font-size:9px;letter-spacing:.16em;color:#b9944a}.wa-float{width:auto;min-width:46px;padding:0 13px;gap:7px;border-radius:999px}.wa-label{font-size:10px;font-weight:850}.wa-float svg{flex:0 0 auto}
@media(max-width:800px){.highlight-grid{grid-template-columns:1fr 1fr}.highlight-card{padding:13px;grid-template-columns:auto 1fr}.highlight-card strong{display:none}.highlight-card b{font-size:12px}.highlight-card small{font-size:10px}.wa-float{padding:0;width:54px;min-width:54px;height:54px;aspect-ratio:1/1}.wa-label{display:none}.sheet-card{padding-top:58px}}

/* Keep FAQ heading visible when navigated from the menu under the sticky header. */
#faqSection{scroll-margin-top:96px}

.about-logo{display:grid;place-items:center;margin:28px auto 4px;padding-top:4px}.about-logo img{display:block;width:min(150px,34vw);height:auto;object-fit:contain}.about-logo img{background:transparent}
@media(max-width:800px){.about-logo{margin-top:24px}.about-logo img{width:118px}}

/* ASTAMA v1.8.8 final UI polish */
body{background:#fff;color:#0b2f68}
.topbar{background:rgba(255,255,255,.97)}
.brand{color:#0b2f68}
.brand-mark{background:#0b3b82}
.marquee{background:#0b2f68;color:#fff}
.about-section{padding-bottom:8px}
.about-logo{margin:14px auto 0;padding-top:0}
.about-logo img{width:min(128px,30vw);height:auto}
footer{padding:8px 22px 90px;color:#50647c;border-top:1px solid #e2eaf3;align-items:flex-start}
footer strong{color:#0b2f68}
footer .text-btn{color:#0b3b82}
@media(max-width:800px){
  .section{padding-top:26px;padding-bottom:26px}
  .about-section{padding-bottom:5px}
  .about-logo{margin-top:12px}
  .about-logo img{width:104px}
  footer{padding-top:7px;padding-bottom:88px;gap:10px;flex-wrap:wrap}
}
/* Final brand tone refinement: white canvas + ASTAMA navy hierarchy */
body,main{background:#fff}
h1,h2,h3,h4,.section h2,.process h2,.product-name,.detail-title,.faq button,.about-grid b,.trust-strip b{color:#0b2f68}
.hero p,.muted,.product-cat,.trust-strip span,footer{color:#50647c}
.text-btn{color:#0b3b82}
.primary{background:#0b2f68}
.secondary{background:#b28b3f}
.filter-btn,.chip,.field input,.field textarea,.field select,.option,.size-row{border-color:#d8e2ed}
.category-card,.highlight-card,.product,.portfolio-card,.faq,.order-card,.about-grid>div,.trust-strip>div,.empty{border-color:#d8e2ed}
.category-icon,.highlight-icon{background:#eef4fb;color:#0b3b82}

/* ASTAMA v1.8.9 final auth + process polish */
.field[hidden]{display:none!important}
.auth-fields{overflow:hidden;transition:height .25s ease;will-change:transform,opacity}
.auth-enter-right{animation:authEnterRight .28s ease both}
.auth-enter-left{animation:authEnterLeft .28s ease both}
@keyframes authEnterRight{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@keyframes authEnterLeft{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}
.auth-tabs{position:relative}
.auth-tab{transition:color .2s ease,transform .2s ease}
.auth-tab.active{color:#0b2f68}
.process h2,.process h3{color:#fff!important}
.process h2{font-weight:850}
.process-grid article h3{margin:20px 0 6px;color:#fff!important}
.process-grid article p{color:#d5dde5}
@media(prefers-reduced-motion:reduce){.auth-enter-right,.auth-enter-left{animation:none}}

/* v1.9.0 brand logo */
.brand-mark{overflow:hidden;display:grid;place-items:center}.brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.about-logo img{width:100%;height:100%;object-fit:contain;display:block}

/* v1.10.0 final ASTAMA blue polish */
body{background:#fff;color:#123a78}.topbar{background:rgba(255,255,255,.97);border-bottom-color:#123a7820}.brand{color:#123a78}.brand-mark{background:#123f86}.eyebrow{color:#a88743}.section h2,.process h2,.hero h1,.detail-title{color:#123a78}.hero p,.muted{color:#64748b}.faq{border-color:#d7dee9;box-shadow:0 2px 10px #123a7808}.faq button{color:#123a78}.faq-answer{color:#64748b!important;border-top:1px solid #edf1f6}.process{background:#102d57}.process-grid article{border-color:#ffffff26}.about-logo{margin-bottom:18px}.about-logo img{max-height:170px}.faq button:focus-visible{outline:2px solid #a88743;outline-offset:2px}

.category-image{display:block;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#eef2f7;margin-bottom:9px}.category-image img{width:100%;height:100%;object-fit:cover;display:block}.category-card{overflow:hidden}

/* V2 commerce polish */
.wishlist-btn{position:absolute;top:10px;right:10px;width:38px;height:38px;border:1px solid rgba(11,59,130,.14);border-radius:50%;background:rgba(255,255,255,.94);color:#0b3b82;font-size:23px;line-height:1;display:grid;place-items:center;z-index:2;cursor:pointer;box-shadow:0 4px 14px rgba(11,59,130,.08)}.wishlist-btn.active{background:#0b3b82;color:#fff}.product-media{position:relative}

/* V2.1 shell integrity: never expose stale/static HTML while live D1 content is loading. */
html.app-loading body > *:not(#appBoot){visibility:hidden !important;}
html.app-loading #appBoot{visibility:visible !important;}
.app-boot{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fff;color:#123d82;}
.app-boot-mark{width:72px;height:72px;border-radius:20px;background:#123d82;display:grid;place-items:center;color:#fff;font-size:34px;font-weight:800;}
.app-boot strong{font-size:20px;letter-spacing:.04em;}
.app-boot small{color:#68737f;font-size:13px;}