.shop{--purple:#34449a;--yellow:#f7c865;--pink:#f6cbca;--green:#7cb99e;--red:#e85037;--lavender:#eef0fa;--mint:#e1f0e8;--ink:#232433;--muted:#565865;--line:#e0e1ea;--page-gutter:clamp(20px, 5vw, 76px);--display:"Noto Sans TC", "PingFang HK", "Microsoft JhengHei", sans-serif}.shop h1,.shop h2{font-family:var(--display)}:is(.shop button:focus-visible,.shop a:focus-visible){outline-color:var(--purple)}.shop .topnote{background:var(--purple);letter-spacing:.08em;gap:12px;height:auto;min-height:34px;padding:5px 16px;font-size:12px;font-weight:700}.shop .header{height:78px;padding-inline:var(--page-gutter);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.shop .brand{width:168px;height:65px}.shop .brand img{object-fit:contain;object-position:left center;width:100%;height:100%}.shop .header nav{color:var(--purple);font-weight:700}.shop .header nav a:hover{text-underline-offset:4px;text-decoration:underline}.shop .bag-button{color:var(--purple);min-height:44px;padding-inline:8px}.shop .bag-button b{background:var(--yellow)}.shop .hero{isolation:isolate;min-height:0;margin:clamp(16px, 3vw, 42px) var(--page-gutter) 0;background:#f4e1c9;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(16px,4vw,56px);padding:clamp(22px,5.5vw,76px);position:relative;overflow:hidden}.shop .hero:before,.shop .hero:after{z-index:-1;content:"";aspect-ratio:1;width:clamp(42px,11vw,162px);position:absolute}.shop .hero:before{background:var(--purple);clip-path:polygon(0 0,100% 0,0 100%);inset:0 auto auto 0}.shop .hero:after{background:var(--yellow);clip-path:polygon(100% 0,100% 100%,0 100%);inset:auto 0 0 auto}.shop .hero-copy{padding:0}.shop .hero-copy .campaign-name{color:var(--purple);letter-spacing:.1em;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:inline-flex}.campaign-name:before{content:"";background:var(--red);border-radius:50%;width:8px;height:8px}.shop .hero h1{color:var(--purple);letter-spacing:.015em;margin:13px 0 18px;font-size:clamp(34px,5.2vw,76px);font-weight:900;line-height:1.19}.hero-heading-en{margin-bottom:.3em;font-size:.48em;font-weight:700;display:block}.hero-heading-phrase{display:inline-block}.shop .hero-copy .hero-description{color:var(--ink);margin-bottom:23px;font-size:clamp(13px,1.2vw,17px)}.shop .primary{border-radius:4px;font-weight:700}.shop .hero-foot{margin-top:18px;font-size:12px}.shop .dot{background:var(--green);width:8px;height:8px}.shop .hero-picture{background:#fff;border-radius:0;grid-template-columns:minmax(0,1fr);min-height:0;max-height:none;margin:0;padding:9px;display:grid}.shop .hero-picture>img{background:#f4f0ec;height:clamp(265px,32vw,450px);position:static}.hero-picture figcaption{color:var(--purple);justify-content:space-between;align-items:baseline;padding:9px 5px 3px;font-size:13px;font-weight:800;display:flex}.hero-picture figcaption small{letter-spacing:.1em;font-size:11px;font-weight:600}.shop .flow{margin-inline:var(--page-gutter);background:var(--yellow);color:var(--purple);border:0;padding:19px 24px}.shop .flow-num{font:800 22px/1 var(--display)}.shop .flow b{font-size:14px;font-weight:700}.shop .flow small{color:#303b75;font-size:12px}.shop .flow-arrow{color:var(--purple)}.shop .collection{padding:clamp(42px, 6vw, 78px) var(--page-gutter)}.shop .collection-head{margin-bottom:22px}.shop .section-title h2{color:var(--purple);letter-spacing:0;margin:0 0 4px;font-size:clamp(27px,3vw,40px);font-weight:900}.shop .section-title p{color:var(--muted)}.shop .brand-filters button,.shop .catalog-more button{border-color:var(--line);color:var(--purple);min-height:44px;font-weight:700}.shop .brand-filters button[aria-pressed=true]{background:var(--purple);color:#fff;border-color:var(--purple)}.shop .categories{gap:4px}.shop .categories button{min-height:42px}.shop .categories button.active{background:var(--mint);color:#254537;font-weight:700}.shop .catalog-search{background:var(--lavender);min-height:44px}.shop .catalog-search input{font-size:13px}.shop .result-row,.shop .result-row select{font-size:12px}.shop .product-image{aspect-ratio:1;background:#f5f4f2;border-radius:2px;height:auto}.shop .product-image img{background:#f5f4f2}.shop .product-name{font-size:14px;font-weight:700}.shop .product-meta,.shop .product-meta small{font-size:11px}.shop .product-bottom strong{font-size:15px}.shop .add-round{width:40px;height:40px}.shop .discount{background:var(--yellow);color:#253575;border-radius:100px;font-weight:800}.shop .discount.mint{background:var(--mint);color:#254537}.shop .no-photo{background:var(--lavender);color:var(--purple);text-align:center}.image-count{color:var(--purple);background:#fff;border-radius:3px;align-items:center;gap:5px;padding:4px 7px;font-size:11px;font-weight:700;line-height:1.3;display:inline-flex;position:absolute;top:8px;right:8px}.shop .closing{margin-inline:var(--page-gutter);border-block-end:5px solid var(--pink);background:#fae5e4;border-radius:0}.shop footer{padding-inline:var(--page-gutter);border-top:4px solid var(--purple)}.footer-brand{align-items:center;gap:5px;display:flex}.footer-brand img{width:104px;height:86px}.shop footer p,.shop footer>a{font-size:11px}.shop .product-dialog{border-radius:6px;width:min(930px,94vw);max-height:92dvh}.shop .product-dialog[open]{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.shop .dialog-close{width:44px;height:44px;color:var(--purple)}.product-gallery{background:var(--lavender);align-self:start;min-width:0;padding:16px}.product-gallery.gallery-empty{aspect-ratio:1;min-height:250px;display:grid}.gallery-frame{aspect-ratio:1;background:#fff;position:relative}.gallery-frame>img,.gallery-thumbs img{object-fit:contain}.gallery-prev,.gallery-next{width:44px;height:44px;color:var(--purple);border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.gallery-prev{left:8px}.gallery-next{right:8px}.gallery-count{background:var(--purple);color:#fff;border-radius:3px;padding:2px 9px;font-size:12px;position:absolute;inset:auto 8px 8px auto}.gallery-thumbs{flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.gallery-thumbs button{aspect-ratio:1;background:#fff;border:2px solid #0000;border-radius:3px;width:clamp(48px,6vw,70px);padding:2px}.gallery-thumbs button[aria-pressed=true]{border-color:var(--purple)}.shop .detail-info .description{font-size:14px}.shop .detail-info .description p{margin:0 0 .65em}.shop .variant-options small{font-size:.85em}.bilingual-description{margin-bottom:20px;font-size:14px;line-height:1.75}.bilingual-description h3{margin:0 0 6px;font-size:14px}.bilingual-description p{margin:0 0 10px}.bilingual-description p[lang=en]{color:var(--muted)}.bilingual-description a{color:var(--purple);text-underline-offset:2px;font-size:12px;text-decoration:underline}.shop .detail-note{font-size:12px}@media (max-width:650px){.shop .header{height:64px}.shop .brand{width:138px;height:52px}.shop .hero{grid-template-columns:1fr;gap:20px;padding:32px 19px 20px}.shop .hero-copy .campaign-name{margin-left:12px;font-size:12px}.shop .hero h1{margin-block:10px 12px}.shop .hero-copy .hero-description{margin-bottom:15px}.shop .hero .primary{font-size:12px}.shop .hero-foot{margin-top:12px;font-size:11px}.shop .hero-picture>img{aspect-ratio:1.35;height:auto}.shop .flow{padding:12px}.shop .flow-num{font-size:17px}.shop .flow b{font-size:11px}.shop .flow small{font-size:10px}.shop .categories{margin-right:0;padding-right:0}.shop .product-meta,.shop .product-meta small{font-size:10px}.shop .product-name{font-size:13px}.shop .product-bottom strong{font-size:14px}.shop .catalog-search input{font-size:16px}.product-gallery{padding:10px}.gallery-frame{max-height:43dvh}.gallery-thumbs button{width:50px}}