@charset "UTF-8";@font-face{font-family:Myanmar Angoun;src:url("./media/MyanmarAngoun-6OVFDE5P.ttf") format("truetype");font-weight:400 800;font-display:swap}:root{--brand: #2563eb;--brand-dark: #1e293b;--bg: #f6f7fb;--surface: #ffffff;--line: #e6e8ef;--text: #1a202c;--text-dim: #5b6472;--text-muted: #97a0ad;--radius: 14px;--shadow: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .12)}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:clip;max-width:100%}body{font-family:var(--font-body, "Inter", system-ui, -apple-system, "Segoe UI", sans-serif);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}body[data-bg-type=gradient]{background-image:var(--bg-grad);background-attachment:fixed}body[data-bg-type=texture]{background-attachment:fixed}body[data-bg-type=texture][data-bg-texture=dots]{background-image:radial-gradient(var(--bg-tex-color, rgba(0, 0, 0, .06)) 1.6px,transparent 1.6px);background-size:22px 22px}body[data-bg-type=texture][data-bg-texture=grid]{background-image:linear-gradient(var(--bg-tex-color, rgba(0, 0, 0, .06)) 1px,transparent 1px),linear-gradient(90deg,var(--bg-tex-color, rgba(0, 0, 0, .06)) 1px,transparent 1px);background-size:28px 28px}body[data-bg-type=texture][data-bg-texture=diagonal]{background-image:repeating-linear-gradient(45deg,var(--bg-tex-color, rgba(0, 0, 0, .06)) 0 1px,transparent 1px 16px)}body[data-bg-type=texture][data-bg-animated=true]{animation:bgDrift 40s linear infinite}@keyframes bgDrift{0%{background-position:0 0}to{background-position:240px 240px}}@media(prefers-reduced-motion:reduce){body[data-bg-animated=true]{animation:none}}h1,h2,h3,.section-title,.pd-name,.hdr-logo{font-family:var(--font-head, var(--font-body, "Inter", sans-serif))}html[lang=my] body,html[lang=my] input,html[lang=my] textarea,html[lang=my] select,html[lang=my] button,html[lang=my] h1,html[lang=my] h2,html[lang=my] h3,html[lang=my] .section-title,html[lang=my] .show-title,html[lang=my] .rail-title,html[lang=my] .pd-name,html[lang=my] .hdr-logo{font-family:"Myanmar Angoun",var(--font-body, "Inter"),"Padauk","Pyidaungsu",system-ui,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1240px;margin:0 auto;padding:0 18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;font-weight:600;font-size:14px;padding:11px 18px;cursor:pointer;transition:transform .08s,filter .15s,background .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--brand);color:#fff}.btn--primary:hover:not(:disabled){filter:brightness(.94)}.btn--dark{background:var(--brand-dark);color:#fff}.btn--ghost{background:var(--surface);color:var(--text);border:1px solid var(--line)}.btn--ghost:hover{border-color:var(--brand);color:var(--brand)}.btn--block{width:100%}.btn--lg{padding:14px 22px;font-size:15px}.field{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font:inherit;background:var(--surface);color:var(--text)}.field:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.label{display:block;font-size:12px;font-weight:600;color:var(--text-dim);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.section-head{display:flex;align-items:center;justify-content:space-between;margin:28px 0 14px}.section-title{font-size:calc(20px * var(--sec-title-scale, 1));font-weight:800;letter-spacing:-.01em;color:var(--sec-title-color, var(--text))}.section-link{color:var(--brand);font-weight:600;font-size:14px}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.pcard{background:var(--surface);border:none;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s}.pcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pcard-media{position:relative;aspect-ratio:1/1;background:transparent;overflow:hidden}.pcard-media img{width:100%;height:100%;object-fit:cover}.pcard-badges{position:absolute;top:10px;left:10px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.pbadge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;line-height:1;white-space:nowrap;padding:4px 9px 4px 7px;border-radius:999px;color:#fff;box-shadow:0 2px 6px #10182833}.pbadge svg{width:12px;height:12px;flex-shrink:0;opacity:.95}.pbadge--new{background:linear-gradient(135deg,#22c55e,#16a34a)}.pbadge--best_seller{background:linear-gradient(135deg,#f59e0b,#d97706)}.pbadge--sale{background:linear-gradient(135deg,#f43f5e,#dc2626);font-variant-numeric:tabular-nums}.pcard-wish{position:absolute;top:8px;right:8px;background:#ffffffeb;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:15px;box-shadow:var(--shadow)}.pcard-body{padding:12px 13px 14px;display:flex;flex-direction:column;gap:6px;flex:1}.pcard-name{font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.7em;text-overflow:ellipsis}.pcard-price{display:flex;align-items:center;gap:7px;margin-top:auto}.pcard-now{font-size:13px;font-weight:800;letter-spacing:-.01em;line-height:1;color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 18%,transparent);padding:4px 9px;border-radius:7px;white-space:nowrap}.pcard-was{font-size:11px;color:var(--text-muted);text-decoration:line-through}.pcard-add{margin-top:6px;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:color-mix(in srgb,var(--text) 5%,var(--surface));color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));font-weight:800;transition:background .15s,border-color .15s,color .15s}.pcard-add .pcard-add-ic{width:16px;height:16px;flex-shrink:0}.pcard-add:hover:not(:disabled){background:color-mix(in srgb,var(--brand) 10%,var(--surface));border-color:color-mix(in srgb,var(--brand) 32%,var(--line));color:var(--brand);filter:none}.pcard-add:after{content:"";position:absolute;top:-60%;left:0;width:38%;height:220%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.75) 50%,transparent 100%);transform:translate(-180%) skew(-18deg);pointer-events:none}.pcard-add:hover:not(:disabled):after{animation:pcardShine .65s ease}@keyframes pcardShine{0%{transform:translate(-180%) skew(-18deg)}to{transform:translate(420%) skew(-18deg)}}.skel{background:linear-gradient(90deg,#eef0f5 25%,#e3e6ee 37%,#eef0f5 63%);background-size:400% 100%;animation:shimmer 1.3s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.muted{color:var(--text-muted)}.empty{text-align:center;padding:60px 20px;color:var(--text-muted)}.tag{display:inline-block;background:#eef2ff;color:var(--brand);font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px}.rail-sec{margin-top:34px}.rail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 14px}.rail-eyebrow{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--brand);margin-bottom:3px}.rail-eyebrow--best{color:#d97706}.rail-eyebrow--sale{color:#dc2626}.rail-title{font-size:calc(clamp(20px,2.4vw,26px) * var(--sec-title-scale, 1));font-weight:800;letter-spacing:-.02em;margin:0;color:var(--sec-title-color, var(--text))}.pgrid--ranked{counter-reset:rank}.pgrid--ranked .pcard{counter-increment:rank;position:relative;animation:railPop .5s ease both}.pgrid--ranked .pcard-media:after{content:counter(rank);position:absolute;left:10px;bottom:10px;z-index:4;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-weight:800;font-size:14px;font-family:var(--font-head, inherit);box-shadow:0 4px 12px #d9770673}.pgrid--ranked .pcard:nth-child(1) .pcard-media:after{background:linear-gradient(135deg,#fcd34d,#d97706);transform:scale(1.12);box-shadow:0 5px 16px #d9770699}.pgrid--ranked .pcard:nth-child(2) .pcard-media:after{background:linear-gradient(135deg,#cbd5e1,#94a3b8)}.pgrid--ranked .pcard:nth-child(3) .pcard-media:after{background:linear-gradient(135deg,#d6a06a,#b45309)}.pgrid--ranked .pcard:nth-child(1){animation-delay:.05s}.pgrid--ranked .pcard:nth-child(2){animation-delay:.1s}.pgrid--ranked .pcard:nth-child(3){animation-delay:.15s}.pgrid--ranked .pcard:nth-child(4){animation-delay:.2s}.pgrid--ranked .pcard:nth-child(5){animation-delay:.25s}.pgrid--ranked .pcard:nth-child(6){animation-delay:.3s}.pgrid--ranked .pcard:nth-child(7){animation-delay:.35s}.pgrid--ranked .pcard:nth-child(8){animation-delay:.4s}@keyframes railPop{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.showcase{margin-top:48px}.show-head{margin:0 0 18px}.show-title{font-size:calc(clamp(22px,3vw,34px) * var(--sec-title-scale, 1));font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0;color:var(--sec-title-color, var(--text))}.show-title .dim{color:color-mix(in srgb,var(--sec-title-color, var(--text)) 55%,transparent);font-weight:800}.show-wrap{position:relative}.show-rail{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:start;gap:20px;overflow-x:auto;overflow-y:hidden;padding:12px 2px 14px;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none}.show-rail::-webkit-scrollbar{display:none}.show-card{scroll-snap-align:start;position:relative;display:flex;flex-direction:column;width:clamp(248px,25vw,320px);aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:var(--surface);box-shadow:0 2px 8px #10182812,0 1px 2px #1018280a;padding:26px 26px 0;transition:transform .38s cubic-bezier(.16,1,.3,1),box-shadow .38s ease;animation:showCardReveal .62s cubic-bezier(.16,1,.3,1) both}.show-card:hover{transform:translateY(-6px) scale(1.012);box-shadow:0 20px 48px #10182824,0 4px 12px #1018280f}.show-info{display:flex;flex-direction:column;gap:4px;z-index:2}.show-tag{font-size:12.5px;font-weight:700;color:#c2410c;letter-spacing:.01em}.show-name{font-size:clamp(17px,1.6vw,22px);font-weight:700;line-height:1.12;letter-spacing:-.01em;margin:0}.show-price{font-size:15px;color:var(--text-dim);margin:2px 0 0}.show-media{flex:1;min-height:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:22px}.show-img{width:86%;height:100%;object-fit:contain;object-position:bottom center;transition:transform .45s cubic-bezier(.16,1,.3,1)}.show-card:hover .show-img{transform:scale(1.06)}.show-card--top .show-media{margin:8px -26px 0;padding:0;align-items:stretch}.show-card--top .show-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s cubic-bezier(.16,1,.3,1)}.show-card--bottom{padding:0 26px 26px}.show-card--bottom .show-media{align-items:center;padding:26px 0 14px}.show-card--sm{width:clamp(190px,19vw,232px);aspect-ratio:3/4;border-radius:18px;padding:0 0 16px;flex:0 0 auto;animation:none;transition:transform .38s cubic-bezier(.16,1,.3,1),box-shadow .38s ease}.show-card--sm .show-media{margin:0;padding:0;align-items:stretch}.show-card--sm .show-img{width:100%;object-fit:cover;animation:none}.show-card--sm .show-info{padding:0 16px}.show-card--sm .show-name{font-size:14.5px}.show-card--sm .show-price{font-size:13.5px}.show-card--sm .show-tag{font-size:11px}.marquee{overflow:hidden;padding:14px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.marquee-track{display:flex;gap:18px;width:max-content;animation:marquee calc(var(--mq-count, 6) * 4.5s) linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.show-card--sm:hover{transform:translateY(-8px) rotate(-.4deg);box-shadow:0 22px 48px #10182826,0 4px 10px #1018280f}.show-card--sm:hover .show-img{transform:scale(1.05)}.show-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;background:#ffffffd1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 16px #1018282e;font-size:26px;line-height:1;color:var(--text);display:grid;place-items:center;padding-bottom:3px;transition:background .15s,transform .15s}.show-nav:hover{background:#fff;transform:translateY(-50%) scale(1.06)}.show-nav--prev{left:-8px}.show-nav--next{right:-8px}@keyframes showCardReveal{0%{opacity:0;transform:translateY(30px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.show-rail .show-card:nth-child(1){animation-delay:0s}.show-rail .show-card:nth-child(2){animation-delay:.07s}.show-rail .show-card:nth-child(3){animation-delay:.14s}.show-rail .show-card:nth-child(4){animation-delay:.21s}.show-rail .show-card:nth-child(5){animation-delay:.28s}.show-rail .show-card:nth-child(6){animation-delay:.35s}.show-rail .show-card:nth-child(7){animation-delay:.42s}.show-rail .show-card:nth-child(8){animation-delay:.49s}.show-rail .show-card:nth-child(9){animation-delay:.56s}.show-rail .show-card:nth-child(10){animation-delay:.63s}@media(prefers-reduced-motion:reduce){.pgrid--ranked .pcard,.show-card,.marquee-track,.show-card--sm .show-img{animation:none!important}.show-card,.show-card--sm,.show-img,.show-card--top .show-img{transition:none!important}}@media(max-width:760px){.show-card{width:74vw}.show-card--sm{width:52vw}.show-nav{display:none}}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.news-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s}.news-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.news-media{aspect-ratio:16/9;background:#eef1f5;overflow:hidden}.news-media img{width:100%;height:100%;object-fit:cover}.news-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:7px}.news-cat{align-self:flex-start;background:#eef2ff;color:var(--brand);font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px}.news-title{font-size:16px;font-weight:700;margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-sum{font-size:13px;color:var(--text-dim);margin:0;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-date{font-size:12px;color:var(--text-muted)}