/* TANUPON's bright market: coral, cream and a little happiness. */
.market-page{--ink:#4e302c;--muted:#76544e;--yellow:#fff0b2;--red:#c73e4b;--pink:#ffd2d2;--paper:#fffaf0;background:var(--paper)}
.market-page .announcement{background:#cd4550;color:#fff;padding:8px 16px;font-weight:700;font-size:13px}
.market-page .site-header{background:repeating-linear-gradient(90deg,#ffc5c8 0 32px,#ffdad9 32px 64px);border:0}
.market-header .header-inner{display:grid;grid-template-columns:1fr auto 1fr;max-width:1440px;padding:14px 36px;min-height:134px;gap:20px}
.market-header .brand{color:#6a3431;text-shadow:2px 2px 0 white,-2px -2px 0 white,2px -2px 0 white,-2px 2px 0 white}
.market-header .wordmark{font-size:clamp(32px,3.5vw,52px);letter-spacing:-.04em}
.market-header .brand-sub{font-size:12px;letter-spacing:.16em}
.market-hello{display:flex;align-items:center;gap:8px;max-width:290px;font-weight:700}
.market-hello>span{font-size:11px;background:white;border:1px solid #b86564;border-radius:16px;padding:8px 12px;max-width:140px;line-height:1.7;position:relative}
.market-hello img{width:78px;height:105px;object-fit:contain}
.market-header .header-actions{justify-self:end;gap:10px}
.market-page .header-action{border-color:#de888d;background:#fffcf8;color:#9d3441;padding:10px 13px;box-shadow:0 3px 0 #ed929833}
.market-page .header-count{background:#ffe0b2;color:#67312f}
.market-page .market-nav{background:#fff4c1;border-block:1px solid #efc986;gap:28px;padding:6px 16px;color:#63342f}
.market-featured{padding:30px max(24px,calc((100vw - 1580px)/2)) 22px;background-color:#fffbee;background-image:radial-gradient(#f9e8b5 2px,transparent 2px);background-size:27px 27px}
.featured-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4px 22px}
.featured-heading .eyebrow{font-size:10px;letter-spacing:.15em;color:#ae4951;margin-bottom:3px}
.featured-heading h1{font-size:clamp(17px,1.6vw,24px);font-weight:800;letter-spacing:.07em}
.featured-heading>a{font-size:13px;font-weight:700;white-space:nowrap;border-bottom:1px solid #a8424c;padding:7px 0;color:#ad3846}
.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.feature-card{aspect-ratio:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:2px solid #a94c51;border-radius:22px;box-shadow:0 6px 0 #f0d8b7;transition:transform .2s,box-shadow .2s;background:#ffccd2;padding:19px}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 0 #f0d8b7}
.feature-copy{flex:none;text-align:center;padding:0 0 11px;color:#78343b;line-height:1.5}
.feature-kicker{font-weight:700;font-size:clamp(10px,.9vw,13px);letter-spacing:.1em}
.feature-copy h2{font-size:clamp(19px,1.8vw,29px);margin-top:3px;font-weight:800;letter-spacing:.025em;line-height:1.5}
.feature-picture{min-height:0;flex:1;border-radius:15px;overflow:hidden;background:#fff}
.feature-picture img{width:100%;height:100%;object-fit:contain}
.feature-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;min-height:48px;padding-top:11px;line-height:1.5;font-size:clamp(11px,1vw,15px);font-weight:700}
.feature-bottom small{font-size:10px;font-weight:500;margin-left:5px}
.feature-bottom b{white-space:nowrap;margin-left:6px;font-family:'Trebuchet MS',sans-serif}
.feature-arrow{display:grid;place-items:center;border-radius:100%;width:32px;height:32px;background:#fffdf7;color:#ae3542;flex-shrink:0;font-size:21px}
.feature-calendar{background:#fff1c8;border-color:#c58d58}
.feature-tees{background:repeating-linear-gradient(45deg,#efdfd0 0 13px,#f7ecdf 13px 26px);border-color:#aa8067}
.featured-footnote{text-align:center;font-size:11px;line-height:1.7;margin-top:21px;color:#77554e}
.market-message{background:#c94451;color:white;display:flex;justify-content:center;gap:45px;padding:10px 20px;align-items:center;font-size:13px;letter-spacing:.05em}
.market-message a{font-weight:800;border-bottom:1px solid #ffd6cf}
.market-page #goods{max-width:none;padding:50px max(24px,calc((100vw - 1280px)/2)) 60px;background:repeating-linear-gradient(90deg,#ffd1d4 0 32px,#ffe0e0 32px 64px)}
.market-page .section-heading .eyebrow{color:#ab3745;letter-spacing:.22em}
.market-page .section-heading h2{font-size:clamp(22px,2.1vw,32px);line-height:1.6}
.market-page .catalogue-tools{background:#fffaf3;border-color:#eda1a6;box-shadow:0 4px 0 #ed9fa333;border-radius:16px;padding:20px}
.market-page .category-buttons button{border-color:#ecc3bd;background:white}
.market-page .category-buttons button[aria-pressed=true]{background:#bc3d4b;border-color:#bc3d4b;color:#fff}
.market-page .market-card{background:white;border-color:#f0c7c2;border-radius:16px;box-shadow:0 4px 0 #ebaaaa60}
.market-page .market-image{background:#fff}
.market-page .product-number{color:#ad3544;border:1px solid #f2c0bd;background:#fffaf4}
.market-page .favorite-button{border-color:#f1b9b9;color:#b83d4b;background:#fffdf9}
.market-page .market-price{color:#a5313e}
.market-page .prelaunch-tag{background:#fff0ec;color:#a5313e;border-color:#e3aaa3}
.market-page .button-dark,.market-page .cart-launcher{background:#b73848;color:white;border-color:#b73848}
.market-page .detail-link{color:#a5313e}
.market-page .gallery-thumbnail[aria-pressed=true]{border-color:#bb4854;background:#fff0ee}
.market-page .wear-market-banner{margin:45px auto}
.market-page .wear-market-banner>a{background:#fff0eb;border:1px solid #edc3b7}
.market-page .character-band{background:#fff0cf;border-color:#efd69e}
.market-page .guide-panels>div{background:#fff0eb}
.market-page .market-footer{background:repeating-linear-gradient(90deg,#ffd1d4 0 32px,#ffe0e0 32px 64px);border-top:1px solid #eca6a9}
.market-page .market-guide{border:0}
@media(min-width:1500px){.market-page .catalogue{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.market-hello>span{display:none}.market-header .header-inner{padding:14px 24px}.market-nav{gap:18px!important}.feature-card{padding:13px}.feature-copy h2{font-size:20px}.featured-grid{gap:15px}.feature-bottom small{display:none}.feature-bottom{font-size:12px;min-height:42px}.feature-arrow{width:27px;height:27px}}
@media(max-width:700px){.market-page .announcement{font-size:11px;letter-spacing:.02em}.market-header .header-inner{grid-template-columns:1fr auto;min-height:88px;padding:15px 16px;gap:10px}.market-hello{display:none}.market-header .brand{align-items:flex-start}.market-header .wordmark{font-size:31px}.market-header .brand-sub{font-size:9px;letter-spacing:.08em}.market-header .header-actions{gap:6px}.market-page .header-action{padding:8px;min-width:44px;min-height:44px}.market-page .market-nav{gap:0 22px!important;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding:4px 16px;font-size:12px}.market-nav a{flex-shrink:0;min-height:42px}.market-featured{padding:23px 0 19px}.featured-heading{padding:0 20px 18px;display:block}.featured-heading h1{font-size:18px}.featured-heading>a{font-size:12px;display:inline-block;margin-top:5px;padding:5px 0}.featured-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:0 20px 12px;scroll-padding-inline:20px;scrollbar-width:thin;scrollbar-color:#cd737b #f6e7d3}.feature-card{flex:0 0 88%;scroll-snap-align:start;padding:15px;border-radius:20px}.feature-copy h2{font-size:22px}.feature-kicker{font-size:11px}.feature-bottom{font-size:13px;min-height:44px}.feature-bottom small{display:inline;font-size:9px}.featured-footnote{font-size:10px;padding:0 20px;margin-top:14px}.market-message{font-size:11px;gap:18px;padding:11px 16px;letter-spacing:0}.market-page #goods{padding:37px 20px 40px}.market-page .catalogue-tools{padding:16px 12px}.market-page .section-heading h2{font-size:22px}.market-page .section-heading>p:last-child{font-size:13px;margin-top:10px}.market-page .catalogue{grid-template-columns:1fr}.market-page .catalogue-note{font-size:12px}.market-page .catalogue-selects{font-size:12px}.market-page .market-card-copy{padding:20px}.market-page .market-section{padding-top:30px}.market-page .detail-heading h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){.feature-card{transition:none}.feature-card:hover{transform:none}}

/* A large product photograph and compact, selectable thumbnails. */
.gallery-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:10px 0}
.gallery-controls button{width:44px;height:44px;border:1px solid #e6b5b0;background:white;border-radius:50%;color:#a23443;font:700 19px/1 sans-serif;cursor:pointer}
.gallery-controls p{min-width:60px;text-align:center;font-size:12px;font-weight:700;color:#805650}
.apparel-gallery{padding:18px;background:white;border-radius:22px;border:1px solid #f2d6d1}
.apparel-gallery .detail-photo{border:0;border-radius:10px;background:white}
.apparel-gallery .detail-photo figcaption{font-size:12px;color:#79514b;border:0}
.apparel-gallery .gallery-thumbnails{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:10px}
.apparel-gallery .gallery-thumbnail{padding:2px;border-radius:3px;background:white;border:2px solid transparent}
.apparel-gallery .gallery-thumbnail img{border-radius:0;object-fit:contain}
.apparel-gallery .gallery-thumbnail[aria-pressed=true]{border-color:#c74252;background:#fff5f3}
.apparel-gallery .gallery-thumbnail span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1000px){.product-layout:has(.apparel-gallery){grid-template-columns:1.4fr 1fr;gap:38px}.product-layout:has(.apparel-gallery) .product-information{padding-top:10px}}
@media(max-width:700px){.apparel-gallery{padding:10px;border-radius:16px}.apparel-gallery .gallery-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.gallery-controls{margin:5px 0}.gallery-note{font-size:11px}.apparel-gallery .detail-photo figcaption{font-size:11px}}

/* Monthly artwork for the 2027 desk calendar. */
.calendar-gallery .gallery-thumbnails{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.calendar-gallery .gallery-thumbnail{padding:3px 3px 5px;gap:3px;border-radius:6px;background:white}
.calendar-gallery .gallery-thumbnail img{object-fit:contain;border-radius:3px}
.calendar-gallery .gallery-thumbnail span{font-size:10px}
.calendar-months-jump{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding:14px 18px;border:1px solid #d18b75;border-radius:12px;background:#fff0d9;color:#973c37;font-size:14px;font-weight:700}
.calendar-months-jump:hover{background:#ffe8c4}
.calendar-months{margin-top:72px;padding:44px 28px 36px;background:#fff2df;border:1px solid #efd1b1;border-radius:24px;text-align:center;scroll-margin-top:24px}
.calendar-months-heading .eyebrow{font-size:11px;letter-spacing:.12em;color:#a75743}
.calendar-months-heading h2{font-size:clamp(24px,2.7vw,34px);letter-spacing:.06em;margin:8px 0 14px;line-height:1.6}
.calendar-months-heading>p:last-child{font-size:14px;line-height:1.9;color:#79544a}
.calendar-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;margin:32px 0 25px;text-align:left}
.calendar-month-card{min-width:0;overflow:hidden;background:white;border:1px solid #edd4c2;border-radius:16px;box-shadow:0 4px 0 #e9cfad66}
.calendar-month-card>a{display:block;height:100%;text-decoration:none}
.calendar-month-card>a:focus-visible{outline:3px solid #9a4a3c;outline-offset:-4px}
.calendar-month-picture{position:relative;aspect-ratio:4/3;background:#f8ece0;overflow:hidden}
.calendar-month-picture img{width:100%;height:100%;object-fit:cover}
.calendar-month-badge{position:absolute;left:10px;top:10px;background:#fffcf4f2;border:1px solid #efdbc5;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;gap:2px;font:700 21px/1 'Trebuchet MS',sans-serif;color:#9b413a}
.calendar-month-badge small{font:700 10px/1 sans-serif;padding-top:6px}
.calendar-month-zoom{position:absolute;right:9px;bottom:9px;width:28px;height:28px;border-radius:50%;background:#fffdf3e8;display:grid;place-items:center;color:#945247;font-size:19px}
.calendar-month-copy{padding:13px 15px 16px}
.calendar-month-copy p{font-size:10px;letter-spacing:.12em;color:#ad6555;margin:0 0 5px}
.calendar-month-copy h3{font-size:15px;line-height:1.7;margin:0;color:#573931}
.calendar-months-note{font-size:12px;color:#856052;line-height:1.8;margin-bottom:20px}
#calendar-purchase{scroll-margin-top:30px}
@media(max-width:700px){.calendar-gallery .gallery-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr))}.calendar-months{margin-top:40px;padding:28px 12px;border-radius:18px}.calendar-months-heading h2{font-size:24px}.calendar-months-heading>p:last-child{font-size:12px}.calendar-month-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 9px;margin-top:24px}.calendar-month-card{border-radius:10px}.calendar-month-badge{left:6px;top:6px;width:32px;height:32px;font-size:17px}.calendar-month-badge small{font-size:8px}.calendar-month-copy{padding:10px 9px 12px}.calendar-month-copy h3{font-size:12px;line-height:1.65}.calendar-month-copy p{font-size:9px}.calendar-months-note{font-size:11px}.calendar-months-jump{font-size:13px}}