:root { --ink:#152a3a; --red:#e54d45; --cream:#f7f2eb; --sand:#e7d9c5; --peach:#f2b69b; --white:#fffdf9; --muted:#6a706e; --line:rgba(21,42,58,.16); --display:"Plus Jakarta Sans","Noto Sans Myanmar",sans-serif; --body:"Noto Sans Myanmar",sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--cream); font-family:var(--body); line-height:1.6; overscroll-behavior:contain; } button,a { font:inherit; } a { color:inherit; text-decoration:none; } button { cursor:pointer; } :focus-visible { outline:3px solid var(--red); outline-offset:3px; } .skip-link { position:fixed; transform:translateY(-200%); background:var(--ink); color:#fff; z-index:99; padding:12px 18px; } .skip-link:focus { transform:translateY(0); }
.site-header { height:78px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(20px,4vw,68px); background:var(--cream); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:20; }.brand { display:inline-flex; align-items:center; gap:9px; font-family:var(--display); font-size:13px; line-height:.86; letter-spacing:.14em; font-weight:800; }.brand b { font-size:15px; letter-spacing:.22em; }.brand-mark { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--red); color:white; font-size:19px; font-weight:800; letter-spacing:0; }.main-nav { display:flex; gap:clamp(20px,3vw,46px); font-weight:700; font-size:14px; }.main-nav a { position:relative; }.main-nav a::after { content:""; position:absolute; width:0; height:2px; background:var(--red); left:0; bottom:-7px; transition:width .2s; }.main-nav a:hover::after { width:100%; }.bag-button { background:transparent; border:0; display:flex; gap:7px; align-items:center; min-height:44px; color:var(--ink); font-weight:700; }.bag-button svg { width:19px; fill:none; stroke:currentColor; stroke-width:1.8; }.bag-button b { display:grid; place-items:center; min-width:20px; height:20px; border-radius:50%; background:var(--ink); color:white; font-size:11px; }
.hero { min-height:570px; display:grid; grid-template-columns:1.05fr .95fr; overflow:hidden; }.hero-copy { padding:clamp(62px,8vw,126px) clamp(24px,7vw,132px); background:var(--cream); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }.eyebrow { color:var(--red); font:800 11px/1.4 var(--display); letter-spacing:.16em; margin:0 0 19px; }.eyebrow span { display:inline-block; width:22px; height:2px; vertical-align:middle; margin-right:9px; background:var(--red); } h1,h2,h3,h4 { margin:0; } h1 { font-family:var(--display); font-size:clamp(40px,5vw,78px); letter-spacing:-.065em; line-height:1.06; max-width:600px; } h1 em,.future-category em { color:var(--red); font-style:normal; }.hero-text { max-width:420px; color:#43515a; font-size:16px; margin:24px 0 32px; }.primary-button { min-height:52px; padding:0 21px; display:inline-flex; align-items:center; gap:27px; color:white; background:var(--ink); font-weight:700; box-shadow:5px 5px 0 var(--red); transition:transform .2s,box-shadow .2s; }.primary-button:hover { transform:translate(3px,3px); box-shadow:2px 2px 0 var(--red); }.primary-button span { font:22px/1 var(--display); }.hero-note { font-size:12px; margin-top:47px; color:var(--muted); display:flex; gap:10px; align-items:center; }.hero-note span { font:700 15px var(--display); color:var(--red); }.hero-art { min-height:470px; position:relative; overflow:hidden; background:var(--peach); isolation:isolate; }.hero-art::before { content:""; position:absolute; inset:8% -18% auto auto; width:420px; aspect-ratio:1; border:1px solid rgba(21,42,58,.3); border-radius:50%; }.fabric { position:absolute; z-index:1; border-radius:44% 56% 53% 47% / 35% 39% 61% 65%; box-shadow:inset 0 -16px 30px rgba(21,42,58,.09), 0 26px 30px rgba(21,42,58,.14); }.fabric-back { width:44%; aspect-ratio:1; right:26%; top:16%; background:linear-gradient(135deg,#e66259,#b62d36); transform:rotate(-20deg); }.fabric-front { width:52%; aspect-ratio:.88; right:9%; top:31%; background:linear-gradient(135deg,#f9f0e9 0 42%,#dfd0bf 43% 45%,#f8eee6 46%); transform:rotate(16deg); display:grid; place-items:center; color:var(--ink); font:800 clamp(19px,2vw,31px)/.85 var(--display); letter-spacing:-.08em; text-align:center; }.hero-tag { position:absolute; z-index:2; left:13%; bottom:17%; width:106px; height:106px; display:grid; place-items:center; border:1px solid var(--ink); border-radius:50%; text-align:center; font:800 10px/1.35 var(--display); letter-spacing:.08em; transform:rotate(-12deg); }.stitch { position:absolute; z-index:0; border:2px dashed rgba(21,42,58,.72); border-radius:50%; }.stitch-one { width:360px; height:150px; left:-120px; top:30px; transform:rotate(35deg); }.stitch-two { width:300px; height:130px; right:-130px; bottom:30px; transform:rotate(-35deg); }
.promise-strip { background:var(--ink); color:white; display:grid; grid-template-columns:repeat(3,1fr); padding:26px clamp(24px,8vw,132px); }.promise-strip div { display:flex; align-items:center; gap:13px; padding:3px clamp(10px,3vw,40px); border-right:1px solid rgba(255,255,255,.2); }.promise-strip div:last-child { border:0; }.promise-strip b { color:var(--peach); font:800 22px var(--display); }.promise-strip span { font-size:11px; line-height:1.5; }
.collections { padding:96px clamp(20px,7vw,132px) 110px; }.collection-heading { max-width:650px; }.collection-heading h2,.future-category h2 { font:800 clamp(29px,3.2vw,48px)/1.15 var(--display); letter-spacing:-.055em; }.collection-heading > p:last-child { color:var(--muted); font-size:14px; max-width:550px; }.product-section { margin-top:75px; }.section-bar { border-top:2px solid var(--ink); display:flex; align-items:end; justify-content:space-between; padding:15px 0 21px; }.section-bar p { margin:0 0 2px; color:var(--red); font:700 10px var(--display); letter-spacing:.12em; }.section-bar h3 { font:800 clamp(22px,2vw,29px) var(--display); letter-spacing:-.05em; }.section-bar a { color:var(--red); font-size:13px; font-weight:700; min-height:44px; display:flex; align-items:center; gap:9px; }.section-bar a span { font:22px/1 var(--display); }.product-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }.product-card { min-width:0; }.product-image { position:relative; min-height:230px; overflow:hidden; background:var(--card-bg,#ded6cb); }.product-image::after { content:""; position:absolute; inset:auto 12% 8%; height:8%; background:rgba(21,42,58,.14); filter:blur(7px); border-radius:50%; }.product-badge { position:absolute; z-index:2; top:11px; left:11px; color:var(--red); background:#fffdf9; font-size:10px; font-weight:700; padding:4px 7px; }.product-illustration { position:absolute; z-index:1; inset:18% 18%; display:block; background:var(--item-color,#e54d45); filter:drop-shadow(0 13px 9px rgba(21,42,58,.2)); }.product-card[data-type="brief"] .product-illustration { border-radius:42% 42% 17% 17% / 30% 30% 12% 12%; clip-path:polygon(0 0,100% 0,91% 100%,9% 100%); }.product-card[data-type="bra"] .product-illustration { border-radius:47% 47% 10% 10%; clip-path:polygon(0 15%,43% 0,50% 27%,57% 0,100% 15%,88% 82%,12% 82%); }.product-card[data-type="slide"] .product-illustration { inset:34% 10% 24%; border-radius:55% 25% 28% 34%; transform:rotate(-13deg); }.quick-add { position:absolute; z-index:3; right:10px; bottom:10px; width:42px; height:42px; border:0; border-radius:50%; background:var(--ink); color:white; font:28px/1 var(--display); transition:background .18s,transform .18s; }.quick-add:hover { background:var(--red); transform:rotate(90deg); }.product-info { padding:11px 1px 0; }.product-info h4 { font-size:13px; font-weight:700; line-height:1.5; min-height:39px; }.product-info p { margin:1px 0 8px; font-size:11px; color:var(--muted); }.product-info > div { display:flex; justify-content:space-between; align-items:center; gap:6px; }.product-price { font-size:10px; color:#46515a; }.text-add { background:transparent; border:0; padding:5px 0; color:var(--red); font-weight:800; font-size:11px; white-space:nowrap; }.text-add span { font:18px/1 var(--display); vertical-align:-2px; }.future-category { margin:0 clamp(20px,7vw,132px) 108px; padding:84px clamp(25px,7vw,100px); background:var(--sand); position:relative; overflow:hidden; }.future-category::after { content:"+"; color:rgba(229,77,69,.78); position:absolute; right:5%; bottom:-14%; font:clamp(180px,27vw,350px)/1 var(--display); }.future-category h2,.future-category p:not(.eyebrow) { position:relative; z-index:1; max-width:580px; }.future-category p:not(.eyebrow) { color:#4d5a61; }
.site-footer { border-top:1px solid var(--line); padding:50px clamp(20px,7vw,132px) 22px; display:grid; grid-template-columns:1.45fr 1fr 1.2fr 1fr; gap:35px 25px; }.footer-brand p,.site-footer p { color:var(--muted); margin:14px 0 0; font-size:12px; }.site-footer h3 { margin:0 0 11px; font:800 13px var(--display); }.site-footer a { display:block; width:max-content; max-width:100%; font-size:12px; margin:6px 0; }.site-footer a:hover { color:var(--red); }.site-footer small { grid-column:1/-1; border-top:1px solid var(--line); padding-top:18px; color:var(--muted); font-size:10px; }
.support-widget { position:fixed; z-index:19; right:24px; bottom:24px; }.support-trigger { min-height:52px; display:flex; align-items:center; gap:9px; padding:5px 16px 5px 6px; border:0; border-radius:26px; color:white; background:var(--red); font-weight:700; box-shadow:0 10px 26px rgba(148,44,39,.27); }.support-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:white; color:var(--red); }.support-icon svg { width:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }.support-dialog { width:min(430px,calc(100% - 28px)); color:var(--ink); background:var(--white); border:0; padding:36px; box-shadow:0 30px 90px rgba(0,0,0,.24); }.support-dialog::backdrop { background:rgba(21,42,58,.52); }.support-dialog h2 { font:800 31px/1.2 var(--display); letter-spacing:-.06em; }.support-dialog > p:not(.eyebrow) { color:var(--muted); font-size:14px; }.dialog-close { position:absolute; right:12px; top:12px; width:44px; height:44px; border:0; background:transparent; color:var(--ink); font:30px/1 sans-serif; }.dialog-action { display:block; padding:14px; margin:22px 0 14px; background:var(--ink); color:white; font-weight:700; text-align:center; font-size:12px; }.disabled-link { opacity:.65; pointer-events:none; }.support-dialog small { color:var(--muted); font-size:10px; }.cart-drawer { position:fixed; top:0; right:0; z-index:31; width:min(390px,100%); height:100dvh; padding:28px; background:var(--white); transform:translateX(100%); transition:transform .25s ease; box-shadow:-20px 0 50px rgba(0,0,0,.1); display:flex; flex-direction:column; }.cart-drawer.is-open { transform:none; }.drawer-scrim { position:fixed; z-index:30; inset:0; background:rgba(21,42,58,.45); opacity:0; pointer-events:none; transition:opacity .25s; }.drawer-scrim.is-open { opacity:1; pointer-events:auto; }.cart-head { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); padding-bottom:17px; }.cart-head h2 { font:800 24px var(--display); letter-spacing:-.05em; }.cart-head button { border:0; background:transparent; font-size:29px; }.cart-empty { color:var(--muted); font-size:13px; }.cart-line { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:16px 0; border-bottom:1px solid var(--line); font-size:12px; }.cart-line button { color:var(--red); background:transparent; border:0; font-weight:700; }.cart-foot { margin-top:auto; padding-top:18px; border-top:2px solid var(--ink); font-size:13px; display:flex; justify-content:space-between; gap:10px; }.cart-foot b { font-size:11px; }
@media (max-width:900px) { .hero { grid-template-columns:1fr .8fr; }.product-grid { grid-template-columns:repeat(3,1fr); }.site-footer { grid-template-columns:repeat(2,1fr); }.main-nav { gap:20px; }.hero-copy { padding-left:6vw; padding-right:5vw; } }
@media (max-width:630px) { .site-header { height:68px; padding:0 16px; }.main-nav { display:none; }.bag-button span { display:none; }.hero { grid-template-columns:1fr; }.hero-copy { min-height:440px; padding:62px 24px 50px; }.hero-art { min-height:320px; }.fabric-back { width:46%; right:33%; top:8%; }.fabric-front { width:50%; right:14%; top:21%; }.hero-tag { left:14%; bottom:13%; }.promise-strip { padding:17px 20px; grid-template-columns:1fr; gap:9px; }.promise-strip div { padding:5px 0; border:0; }.collections { padding:68px 16px 75px; }.product-section { margin-top:58px; }.product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px 10px; }.product-image { min-height:205px; }.section-bar { align-items:center; }.section-bar a { font-size:11px; }.future-category { margin:0 16px 73px; padding:55px 24px; }.site-footer { padding:37px 20px 19px; gap:29px 18px; }.footer-brand { grid-column:1/-1; }.support-widget { right:14px; bottom:14px; }.support-trigger { padding-right:11px; }.support-trigger > span:last-child { font-size:11px; }.support-dialog { padding:30px 24px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; } }

/* WooCommerce dynamic product and catalog states */
.product-image img { width:100%; height:100%; object-fit:cover; position:relative; z-index:1; display:block; }
.product-image .onsale { position:absolute; z-index:3; top:11px; left:11px; color:var(--red); background:#fffdf9; font-size:10px; font-weight:700; padding:4px 7px; min-height:auto; border-radius:0; }
.product-card .add_to_cart_button { color:var(--red); background:transparent; padding:5px 0; border:0; font-weight:800; font-size:11px; line-height:1.5; text-align:right; }
.product-card .add_to_cart_button:hover { background:transparent; color:var(--ink); }
.product-card .added_to_cart { display:block; font-size:10px; color:var(--muted); margin-top:3px; }
.product-card .product-price .price { color:#46515a; font-size:10px; font-weight:500; }
.product-card .product-price del { opacity:.65; margin-right:4px; }
.empty-products { grid-column:1/-1; padding:25px 0; color:var(--muted); font-size:13px; }
.woocommerce-breadcrumb, .woocommerce-result-count, .woocommerce-ordering { font-size:12px; color:var(--muted); margin:16px 0; }
.woocommerce-ordering select { padding:8px; border:1px solid var(--line); background:var(--white); }
.woocommerce-notices-wrapper { max-width:1100px; margin:15px auto; }
.woocommerce-message, .woocommerce-info, .woocommerce-error { border-top-color:var(--red); background:var(--white); padding:16px 20px; font-size:13px; }
.woocommerce div.product { max-width:1100px; margin:45px auto; padding:0 20px; }
.woocommerce div.product .product_title { font-family:var(--display); letter-spacing:-.05em; }
.woocommerce button.button, .woocommerce a.button { background:var(--ink); color:#fff; border-radius:0; padding:13px 17px; font-weight:700; }
.woocommerce button.button:hover, .woocommerce a.button:hover { background:var(--red); color:#fff; }
.woocommerce-cart-form, .cart-collaterals, .woocommerce-checkout { max-width:1100px; margin:45px auto; padding:0 20px; }

/* Youthful campaign refresh: code-native, motion-safe imagery that does not rely on external hosts. */
.hero { background:#14183c; position:relative; }.hero-copy { background:linear-gradient(130deg,#14183c 0%,#261451 56%,#e23a8f 180%); color:#fff; position:relative; overflow:hidden; }.hero-copy::before { content:""; position:absolute; width:48vw; aspect-ratio:1; right:-33vw; top:-23vw; border:2px solid rgba(255,255,255,.18); border-radius:50%; box-shadow:0 0 0 26px rgba(255,255,255,.05),0 0 0 54px rgba(255,255,255,.035); }.hero-copy .eyebrow,.hero-copy h1 em { color:#ffca54; }.hero-copy .eyebrow span { background:#ffca54; }.hero-copy .hero-text,.hero-copy .hero-note { color:rgba(255,255,255,.82); }.hero-copy .hero-note span { color:#ffca54; }.primary-button { background:#ffca54; color:#171b42; box-shadow:5px 5px 0 #ff4a9b; }.primary-button:hover { box-shadow:2px 2px 0 #ff4a9b; }.hero-art { background:radial-gradient(circle at 25% 23%,#ffcc57 0 8%,transparent 9%),linear-gradient(140deg,#ff4a9b 0%,#6535d6 49%,#131738 100%); }.hero-art::after { content:""; position:absolute; inset:0; background:repeating-linear-gradient(120deg,transparent 0 25px,rgba(255,255,255,.08) 26px 28px); mix-blend-mode:screen; }.fabric-back { background:linear-gradient(135deg,#ffce58,#ff6b8d 58%,#6c37df); animation:float-back 5s ease-in-out infinite; }.fabric-front { background:linear-gradient(135deg,#fef6ee 0 42%,#ffb4d0 43% 45%,#fff8ed 46%); animation:float-front 5s ease-in-out .45s infinite; }.hero-tag { color:#fff; border-color:#fff; animation:spin-tag 14s linear infinite; }.stitch { border-color:rgba(255,255,255,.7); }.popular-products { padding:0 0 54px; }.featured-collection { padding-top:68px; }.popular-products .section-bar { border-top:0; padding-top:0; }.popular-products h2 { font:800 clamp(26px,3.2vw,44px) var(--display); letter-spacing:-.055em; }.product-card { transition:transform .26s ease; }.product-card:hover { transform:translateY(-8px); }.product-image { background:linear-gradient(135deg,#eddfff,#dce5ff); border-radius:18px; }.product-image img { transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .45s ease; }.product-card:hover .product-image img { transform:scale(1.075) rotate(-1.5deg); filter:saturate(1.18) contrast(1.04); }.product-image::before { content:""; position:absolute; z-index:2; top:10px; right:10px; width:10px; height:10px; border-radius:50%; background:#ffca54; box-shadow:0 0 0 6px rgba(255,202,84,.25); }.product-image::after { z-index:2; }.product-badge { z-index:4; border-radius:12px; color:#25174c; background:#ffca54; }.product-card .add_to_cart_button { min-height:38px; padding:8px 10px; background:#171b42; color:#fff; border-radius:999px; text-align:center; transition:background .2s,transform .2s; }.product-card .add_to_cart_button:hover { background:#ff4a9b; color:#fff; transform:scale(1.03); }.site-header { background:rgba(255,253,249,.92); backdrop-filter:blur(13px); }.main-nav a:hover::after { width:100%; background:#ff4a9b; }
@keyframes float-back { 0%,100% { transform:rotate(-20deg) translate3d(0,0,0); } 50% { transform:rotate(-5deg) translate3d(-32px,30px,0) scale(1.06); } }
@keyframes float-front { 0%,100% { transform:rotate(16deg) translate3d(0,0,0); } 50% { transform:rotate(2deg) translate3d(30px,-32px,0) scale(1.055); } }
@keyframes spin-tag { to { transform:rotate(348deg); } }
@media (max-width:630px) { .main-nav { display:flex; gap:12px; position:absolute; left:15px; bottom:-36px; width:calc(100vw - 30px); justify-content:center; padding:7px 8px; background:#171b42; color:#fff; border-radius:999px; font-size:10px; box-shadow:0 8px 18px rgba(23,27,66,.2); }.site-header { overflow:visible; }.hero { margin-top:20px; }.hero-copy::before { width:90vw; right:-48vw; top:-45vw; }.featured-collection { padding-top:58px; }.popular-products { padding-bottom:42px; }.product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.product-card:nth-child(5) { grid-column:1 / 2; }.product-image { min-height:195px; } }

/* Mobile typography and multilingual controls. Burmese glyphs need normal tracking and generous line-height. */
.header-actions { display:flex; align-items:center; gap:12px; }
.language-switcher { position:relative; }
.language-toggle { min-height:44px; min-width:84px; display:flex; align-items:center; justify-content:center; gap:5px; padding:6px 9px; border:1px solid rgba(21,42,58,.2); border-radius:999px; color:var(--ink); background:rgba(255,255,255,.72); font:700 11px/1.3 var(--body); }
.language-toggle svg { width:14px; fill:none; stroke:currentColor; stroke-width:2; }
.language-menu { position:absolute; z-index:40; top:calc(100% + 7px); right:0; min-width:132px; padding:6px; border:1px solid rgba(21,42,58,.14); border-radius:14px; background:var(--white); box-shadow:0 16px 34px rgba(15,24,60,.18); }
.language-menu button { display:block; width:100%; min-height:39px; padding:8px 10px; border:0; border-radius:9px; color:var(--ink); background:transparent; text-align:left; font:700 12px/1.3 var(--body); }
.language-menu button:hover,.language-menu button[aria-pressed="true"] { color:#fff; background:#171b42; }
.hero-art { min-height:570px; }
.hero-arrivals { position:absolute; z-index:5; right:20px; bottom:20px; left:20px; padding:10px; border:1px solid rgba(255,255,255,.3); border-radius:18px; background:rgba(18,22,61,.64); backdrop-filter:blur(12px); }
.hero-arrivals > p { margin:0 0 8px; color:#fff; font:800 10px/1.35 var(--body); letter-spacing:.05em; }
.hero-arrival-rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.hero-arrival-card { display:flex; align-items:center; gap:7px; min-width:0; min-height:55px; padding:5px; border-radius:11px; color:#fff; background:rgba(255,255,255,.13); font:700 9px/1.35 var(--body); transition:transform .2s ease,background .2s ease; }
.hero-arrival-card:hover { transform:translateY(-3px); background:rgba(255,255,255,.22); }
.hero-arrival-card img { flex:0 0 37px; width:37px; height:43px; object-fit:cover; border-radius:8px; background:#efe8ff; }
.hero-arrival-card span { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.popular-products .product-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
html[lang="my"] body, html[data-site-language="my"] body { letter-spacing:0; word-spacing:0; }
html[lang="my"] h1, html[data-site-language="my"] h1, html[lang="my"] h2, html[data-site-language="my"] h2, html[lang="my"] h3, html[data-site-language="my"] h3, html[lang="my"] h4, html[data-site-language="my"] h4 { font-family:var(--body); letter-spacing:0; line-height:1.36; overflow-wrap:anywhere; }
html[lang="my"] .brand, html[data-site-language="my"] .brand, html[lang="my"] .main-nav, html[data-site-language="my"] .main-nav, html[lang="my"] .primary-button, html[data-site-language="my"] .support-trigger, html[data-site-language="my"] .product-card { letter-spacing:0; line-height:1.45; }

/* The host's development assistant is not customer support and can cover product copy on small screens. */
#hostinger-ai-assistant, .hostinger-ai-assistant, .hostinger-chatbot-container, .kodee-fab { display:none !important; }

/* Homepage stability pass: keep translation text out of decorative line styles. */
.eyebrow span[data-i18n],.hero-copy .eyebrow span[data-i18n] { display:inline; width:auto; height:auto; margin-right:0; background:transparent; vertical-align:baseline; }
.hero-copy-only { grid-template-columns:1fr; min-height:0; }
.hero-copy-only .hero-copy { min-height:440px; width:100%; }
.product-image { display:block; aspect-ratio:1 / 1; min-height:0; }
.product-image img { width:100%; height:100%; object-fit:cover; }
.product-info h4 { min-height:3.1em; }
.product-info h4 a { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.product-slot { position:relative; aspect-ratio:1 / 1; min-width:0; padding:22px; display:flex; flex-direction:column; justify-content:flex-end; gap:8px; overflow:hidden; border:1px dashed rgba(23,27,66,.42); border-radius:18px; background:linear-gradient(135deg,#f5eddf,#ece5ff); color:#171b42; }
.product-slot::before { content:""; position:absolute; inset:18px; border:1px solid rgba(23,27,66,.12); border-radius:12px; }
.product-slot-index,.product-slot-plus,.product-slot strong,.product-slot p { position:relative; z-index:1; }
.product-slot-index { position:absolute; top:18px; left:18px; color:#ed4c45; font:800 12px/1 var(--display); letter-spacing:.12em; }
.product-slot-plus { position:absolute; top:14px; right:18px; color:#ff4a9b; font:400 34px/1 var(--display); }
.product-slot strong { font:800 18px/1.25 var(--display); }
.product-slot p { margin:0; color:#57606a; font-size:12px; line-height:1.55; }
.popular-products .product-grid { align-items:start; margin-top:8px; }

@media (max-width:630px) {
  .hero-copy-only .hero-copy { min-height:390px; padding:54px 24px 46px; }
  .hero-copy-only .hero-text { margin:18px 0 26px; }
  .product-grid { gap:22px 12px; }
  .product-info h4 { min-height:3.2em; font-size:16px; line-height:1.6; }
  .product-info p { min-height:0; margin:6px 0 10px; }
  .product-slot { padding:16px; border-radius:15px; }
  .product-slot::before { inset:12px; }
  .product-slot-index { top:15px; left:15px; }
  .product-slot-plus { top:10px; right:14px; }
  .product-slot strong { font-size:15px; }
  .product-slot p { font-size:11px; line-height:1.45; }
  .collection-heading .eyebrow,.future-category .eyebrow { line-height:1.55; }
  html[data-site-language="zh-CN"] h1,html[data-site-language="en"] h1 { letter-spacing:-.035em; line-height:1.16; }
}

@media (max-width:630px) {
  .site-header { height:auto; min-height:82px; flex-wrap:wrap; gap:8px; padding:10px 16px 12px; overflow:visible; }
  .brand { gap:7px; font-size:11px; line-height:1.25; letter-spacing:0; }
  .brand b { font-size:12px; letter-spacing:0; }
  .brand-mark { width:34px; height:34px; font-size:18px; }
  .header-actions { margin-left:auto; gap:6px; }
  .language-toggle { min-width:78px; min-height:40px; padding:5px 8px; font-size:10px; }
  .bag-button { min-width:44px; min-height:40px; gap:4px; }
  .bag-button b { min-width:19px; height:19px; }
  .main-nav { position:static; order:3; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; flex:0 0 100%; width:100%; padding:5px; border-radius:13px; background:#171b42; color:#fff; box-shadow:none; font:700 11px/1.4 var(--body); text-align:center; }
  .main-nav a { min-height:38px; display:grid; place-items:center; border-radius:9px; white-space:nowrap; }
  .main-nav a:hover,.main-nav a:focus-visible { background:rgba(255,255,255,.12); }
  .main-nav a::after { display:none; }
  .hero { margin-top:0; }
  .hero-copy { min-height:auto; padding:48px 24px 38px; }
  h1, html[lang="my"] h1, html[data-site-language="my"] h1 { max-width:100%; font-size:clamp(34px,10vw,46px); line-height:1.3; letter-spacing:0; }
  .hero-text { margin:18px 0 24px; font-size:15px; line-height:1.75; }
  .primary-button { width:100%; min-height:54px; justify-content:space-between; gap:12px; padding:9px 16px; font-size:14px; line-height:1.5; }
  .hero-note { margin-top:28px; font-size:12px; line-height:1.55; }
  .hero-art { min-height:355px; }
  .fabric-back { width:42%; right:40%; top:8%; }
  .fabric-front { width:49%; right:9%; top:19%; font-size:18px; line-height:1.3; letter-spacing:0; }
  .hero-tag { top:15px; bottom:auto; left:16px; width:72px; height:72px; padding:7px; font:700 8px/1.35 var(--body); }
  .hero-arrivals { right:12px; bottom:12px; left:12px; padding:9px; border-radius:14px; }
  .hero-arrivals > p { font-size:10px; letter-spacing:0; }
  .hero-arrival-rail { display:flex; gap:7px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .hero-arrival-rail::-webkit-scrollbar { display:none; }
  .hero-arrival-card { flex:0 0 145px; min-height:59px; scroll-snap-align:start; font-size:10px; }
  .hero-arrival-card img { flex-basis:39px; width:39px; height:46px; }
  .collections { padding:52px 16px 70px; }
  .popular-products { padding-bottom:40px; }
  .popular-products .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 10px; }
  .product-card { min-width:0; }
  .product-image { min-height:180px; }
  .product-info { padding-top:10px; }
  .product-info h4 { min-height:0; font-size:14px; line-height:1.55; letter-spacing:0; }
  .product-info p { display:none; }
  .product-info > div { flex-direction:column; align-items:stretch; gap:8px; margin-top:8px; }
  .product-card .add_to_cart_button { min-height:42px; font-size:11px; line-height:1.4; }
  .product-price,.product-card .product-price .price { font-size:13px; }
  .section-bar { align-items:flex-start; gap:10px; padding:13px 0 17px; }
  .section-bar h3, html[lang="my"] .section-bar h3 { font-size:23px; line-height:1.35; }
  .section-bar a { flex:0 0 auto; min-height:40px; font-size:11px; }
  .collection-heading h2, html[lang="my"] .collection-heading h2 { font-size:30px; line-height:1.35; }
  .collection-heading > p:last-child { font-size:14px; line-height:1.75; }
  .support-widget { right:12px; bottom:12px; }
  .support-trigger { min-height:48px; max-width:calc(100vw - 24px); padding-right:12px; font-size:11px; line-height:1.35; }
  .support-icon { width:36px; height:36px; }
}

/* Hero signature: an animated fabric collage that stays behind the copy. */
.hero-copy > :not(.hero-motion) { position:relative; z-index:2; }
.hero-motion { position:absolute; z-index:1; inset:0; overflow:hidden; pointer-events:none; }
.motion-orbit { position:absolute; display:block; border:1px solid rgba(255,255,255,.18); border-radius:50%; }
.orbit-one { width:44vw; aspect-ratio:1; right:-15vw; top:-18vw; animation:hero-orbit 11s cubic-bezier(.45,0,.55,1) infinite; }
.orbit-two { width:28vw; aspect-ratio:1; right:7vw; bottom:-16vw; border-style:dashed; animation:hero-orbit-reverse 8.5s cubic-bezier(.45,0,.55,1) infinite; }
.motion-swatch { position:absolute; display:block; width:clamp(88px,12vw,154px); aspect-ratio:.82; border:1px solid rgba(255,255,255,.34); border-radius:26px; box-shadow:0 22px 34px rgba(11,10,61,.23); }
.swatch-one { right:12%; top:14%; background:linear-gradient(145deg,#ffcc58 0 36%,#ff6d98 37% 67%,#7955dc 68%); transform:rotate(16deg); animation:hero-swatch-one 4.6s cubic-bezier(.42,0,.58,1) infinite; will-change:transform; }
.swatch-two { right:-3%; top:46%; background:linear-gradient(145deg,#fbf3e8 0 43%,#eab9d8 44% 48%,#fffafa 49%); transform:rotate(-14deg); animation:hero-swatch-two 5.15s cubic-bezier(.42,0,.58,1) .3s infinite; will-change:transform; }
.swatch-three { right:28%; bottom:-10%; width:clamp(62px,9vw,112px); background:linear-gradient(160deg,#e8dcff,#a78deb); transform:rotate(-31deg); animation:hero-swatch-three 4.25s cubic-bezier(.42,0,.58,1) .6s infinite; will-change:transform; }
@keyframes hero-orbit { 0%,100% { transform:rotate(0) scale(1); } 50% { transform:rotate(180deg) scale(1.12); } }
@keyframes hero-orbit-reverse { 0%,100% { transform:rotate(0) scale(1); } 50% { transform:rotate(-180deg) scale(.84); } }
@keyframes hero-swatch-one { 0%,100% { transform:rotate(16deg) translate3d(0,0,0) scale(1); } 50% { transform:rotate(-7deg) translate3d(-46px,34px,0) scale(1.1); } }
@keyframes hero-swatch-two { 0%,100% { transform:rotate(-14deg) translate3d(0,0,0) scale(1); } 50% { transform:rotate(-36deg) translate3d(-30px,-46px,0) scale(1.085); } }
@keyframes hero-swatch-three { 0%,100% { transform:rotate(-31deg) translate3d(0,0,0) scale(1); } 50% { transform:rotate(3deg) translate3d(-38px,-30px,0) scale(1.12); } }

/* Product cards without photos use the same rounded framed language as empty slots. */
.product-image.is-placeholder { border:1px dashed rgba(23,27,66,.42); background:linear-gradient(135deg,#f5eddf,#ece5ff); }
.product-image.is-placeholder img { opacity:0; }
.product-image.is-placeholder::before { content:""; top:26%; right:auto; left:29%; width:42%; height:39%; border:1px solid rgba(23,27,66,.4); border-radius:42% 42% 18% 18% / 30% 30% 14% 14%; background:linear-gradient(145deg,#ffcb58,#ff77a0 54%,#8259df); box-shadow:inset 0 -10px 18px rgba(23,27,66,.14),0 14px 22px rgba(23,27,66,.15); }
.product-image.is-placeholder::after { right:18%; bottom:14%; left:18%; height:7%; background:rgba(23,27,66,.18); filter:blur(9px); }
@media (max-width:630px) { .motion-orbit { opacity:.72; }.orbit-one { width:75vw; right:-35vw; top:-31vw; }.orbit-two { width:48vw; right:-12vw; bottom:-24vw; }.motion-swatch { opacity:.8; }.swatch-one { right:8%; top:11%; }.swatch-two { right:-10%; top:48%; }.swatch-three { right:31%; bottom:-13%; } }