/* The store belongs to Trayful's original dark shell. */
.bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.bottom-nav a{min-width:0;padding-inline:2px;min-height:44px}
.store-bag-link{position:relative}
.store-bag-link [data-bag-count]{position:absolute;top:-1px;right:-3px;background:var(--accent);color:var(--ink);border:2px solid var(--bg);border-radius:20px;min-width:20px;height:20px;font-size:10px;font-weight:800;display:grid;place-content:center;padding:0 3px}
.store-page{padding-top:8px}
.store-hero{background:#302036;border:1px solid #604469;border-radius:26px;overflow:hidden;isolation:isolate}
.store-hero-copy{padding:28px 24px 14px;position:relative;z-index:1}
.store-hero .eyebrow{color:#edc4ff;font-size:10px;letter-spacing:.13em;margin-bottom:20px}
.store-hero h1{font-size:clamp(2.7rem,11.5vw,4.5rem);line-height:1.01;letter-spacing:-.065em}
.store-hero h1 span{color:var(--accent)}
.store-hero-copy>p:not(.eyebrow){font-size:13px;color:#e1d2e4;margin-top:19px;line-height:1.7}
.store-hero-copy .button{margin-top:24px;font-size:13px}
.store-hero-art{padding:8px 30px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.store-hero-art::before{content:'';position:absolute;inset:8% 12%;background:#a877b728;border-radius:50%;transform:rotate(-15deg);z-index:-1}
.store-logo{display:block;position:relative;overflow:hidden;aspect-ratio:1459/846;width:100%}
.store-logo img{position:absolute;width:105.277%;max-width:none;height:auto;left:-2.193%;top:-112.175%}
.store-hero-art .store-logo{max-width:430px;transform:rotate(-5deg)}
.store-hero-art p{margin-top:8px;font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#e1d2e4;text-align:center}
.store-service-note{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 0;font-size:11px;color:var(--muted)}
.store-service-note>span{display:flex;align-items:center;gap:8px}
.store-service-note .icon{width:18px;height:18px}
.store-service-note a{flex:none;color:var(--accent);display:flex;align-items:center;gap:7px;font-weight:800;min-height:44px}
.store-toolbar{padding-top:24px}
.store-toolbar .chip-row{margin:0;padding-bottom:16px}
.store-toolbar .chip{min-height:44px}
.store-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:0 15px;border-radius:14px;background:var(--surface)}
.store-search .icon{color:var(--muted);width:19px;height:19px}
.store-search input{margin:0;padding:14px 0;border:0;background:none;min-width:0;font-size:14px;min-height:48px}
.store-result-count{font-size:12px;color:var(--muted);margin-top:18px}
.store-section{margin-top:34px}
.store-section .eyebrow{color:var(--lavender);font-size:9px;margin-bottom:9px}
.store-section h2{font-size:25px}
.store-section .section-heading p:not(.eyebrow){max-width:570px;font-size:12px;line-height:1.6}
.store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
.store-card{min-width:0;background:var(--surface);border:1px solid #463448;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.store-card-open{padding:0;background:none;width:100%;text-align:left;display:block;color:inherit}
.store-card-open:focus-visible{outline-offset:-4px;border-radius:18px}
.store-photo{position:relative;aspect-ratio:1;overflow:hidden;background:#f1e6d4}
.store-sprite img{position:absolute;width:200%;height:200%;max-width:none;left:0;top:0;object-fit:fill}
.store-sprite.quadrant-1 img,.store-sprite.quadrant-3 img{left:-100%}
.store-sprite.quadrant-2 img,.store-sprite.quadrant-3 img{top:-100%}
.store-tray-photo{background:#fff}
.store-tray-photo>img{width:100%;height:100%;object-fit:contain}
.store-pack-label{position:absolute;bottom:9px;left:9px;background:var(--ink);color:var(--text);padding:5px 9px;font-size:10px;font-weight:800;border-radius:7px}
.store-card-copy{padding:14px 12px 0;display:block}
.store-card-kicker{display:block;color:var(--lavender);font-size:9px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;margin-bottom:7px}
.store-card-title{display:block;font-size:15px;line-height:1.25;letter-spacing:-.03em;font-weight:800}
.store-card-detail{display:block;font-size:10px;color:var(--muted);margin-top:7px;line-height:1.5}
.store-card-bottom{padding:12px;display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:auto}
.store-card-bottom strong{font-size:18px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.store-card-bottom small{display:block;font-size:9px;color:var(--muted);margin-top:3px}
.store-card-bottom .icon-button{width:44px;height:44px;flex:none;border-color:#755b75;background:#3a2b3e;color:var(--accent)}
.store-no-results{padding:60px 10px;text-align:center}
.store-no-results p{font-size:14px;color:var(--muted);margin:18px auto;max-width:440px}
.store-footer{margin-top:48px;padding:30px 24px;border:1px solid var(--line);border-radius:24px;display:grid;gap:28px;background:#1e1620}
.store-footer .store-logo{max-width:210px;margin:auto}
.store-footer h2{font-size:26px}
.store-footer p{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.7}
.store-footer>div:first-child p{text-align:center}
.store-footer .text-button{margin-top:8px}
.store-product-detail .store-photo{max-width:330px;border-radius:16px;margin:auto}
.store-product-phrase{font-size:22px;line-height:1.2;font-weight:800;letter-spacing:-.04em;margin:24px 0 16px;color:var(--accent)}
.store-detail-price{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.store-detail-price strong{font-size:27px;font-variant-numeric:tabular-nums}
.store-detail-price span{font-size:11px;color:var(--muted)}
.store-includes{font-size:13px;padding-left:19px;line-height:1.8;color:var(--muted);margin:0 0 24px}
.store-product-detail .form-stack{gap:16px}
.store-product-detail .field-pair{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.store-product-detail select{padding-inline:10px;font-size:14px}
.store-detail-note{font-size:11px;color:var(--muted);line-height:1.7}
.store-storage-note{border:1px solid var(--accent);padding:18px;border-radius:14px;margin-bottom:24px;font-size:13px}
.bag-page>.text-button{margin-bottom:12px}
.bag-page .page-title{margin-bottom:30px}
.bag-line{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;position:relative;border-top:1px solid var(--line);padding:23px 0}
.bag-image{padding:0;align-self:start;background:none;border-radius:12px;overflow:hidden}
.bag-line h2{font-size:17px;padding-right:0;line-height:1.3}
.bag-line p{font-size:11px;color:var(--muted);margin-top:7px}
.bag-line-total{grid-column:2;font-size:17px;margin-top:-6px;font-variant-numeric:tabular-nums}
.bag-line-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}
.bag-line-actions>.text-button{font-size:11px;color:var(--muted)}
.bag-quantity{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.bag-quantity button{width:44px;height:44px;background:var(--surface);display:grid;place-items:center}
.bag-quantity button:focus-visible{outline-offset:-4px}
.bag-quantity .icon{width:16px;height:16px}
.bag-quantity span{font-size:13px;font-weight:800;min-width:28px;text-align:center;font-variant-numeric:tabular-nums}
.bag-summary{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:25px;margin-top:16px;align-self:start}
.bag-summary>.eyebrow{font-size:10px;color:var(--lavender);margin-bottom:24px}
.bag-subtotal{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;gap:15px}
.bag-subtotal span{font-size:14px}
.bag-subtotal strong{font-size:26px;font-variant-numeric:tabular-nums}
.bag-checkout-note{border-top:1px solid var(--line);padding-top:22px;margin:22px 0}
.bag-checkout-note h2{font-size:21px}
.bag-checkout-note p{font-size:13px;color:var(--muted);margin-top:12px}
.bag-summary>.button{margin-bottom:12px;font-size:13px}
.bag-summary>.store-detail-note:last-child{text-align:center}
.bag-extra{margin-top:40px;display:flex;flex-direction:column;gap:24px;background:#302036;padding:26px;border-radius:22px}
.bag-extra .eyebrow{font-size:9px;color:var(--lavender);margin-bottom:12px}
.bag-extra h2{font-size:24px;max-width:380px}
.bag-extra p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:12px}
.store-page button,.bag-page button,.store-product-detail button{transition:none}
.store-page button:active,.bag-page button:active,.store-product-detail button:active{transform:none}
@media(max-width:599px){
  .header-actions [data-action=install]{display:none}
  .header-actions{gap:0}
  .store-page{padding-inline:16px}
  .store-service-note>span{max-width:190px}
}
@media(min-width:600px){
  .store-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center}
  .store-hero-copy{padding:35px 26px}
  .store-hero h1{font-size:clamp(2.7rem,6vw,4.5rem)}
  .store-hero-art{padding:26px}
  .store-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}
  .store-tray-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .store-tray-grid .store-card{display:grid;grid-template-columns:1fr}
  .store-tray-grid .store-card-open{display:grid;grid-template-columns:1fr 1fr;align-items:center}
  .store-tray-grid .store-card-copy{padding:14px}
  .store-footer{grid-template-columns:1fr 1.4fr;gap:40px;align-items:center;padding:35px}
  .bag-line{grid-template-columns:110px minmax(0,1fr) auto}
  .bag-line-total{grid-column:3;grid-row:1;margin:0}
  .bag-extra{flex-direction:row;align-items:center;justify-content:space-between}
}
@media(min-width:1050px){
  .bottom-nav{display:none}
  .desktop-nav{gap:22px}
  .store-hero-copy{padding:48px 52px}
  .store-hero h1{font-size:clamp(3.6rem,5.6vw,5.8rem)}
  .store-hero-copy>p:not(.eyebrow){font-size:15px;margin-top:24px}
  .store-hero-copy .button{margin-top:28px}
  .store-hero-art{padding:25px 50px}
  .store-hero-art .store-logo{max-width:520px}
  .store-hero-art p{font-size:11px;letter-spacing:.16em;margin-top:18px}
  .store-service-note{padding-block:14px;font-size:12px}
  .store-toolbar{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-top:30px}
  .store-toolbar .chip-row{padding-block:5px}
  .store-search{width:280px;flex:none}
  .store-section{margin-top:40px}
  .store-section h2{font-size:31px}
  .store-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 22px}
  .store-tray-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .store-card-copy{padding:20px 20px 0}
  .store-card-title{font-size:20px}
  .store-card-detail{font-size:12px}
  .store-card-kicker{font-size:10px}
  .store-card-bottom{padding:16px 20px}
  .store-card-bottom strong{font-size:22px}
  .store-card-bottom small{font-size:10px}
  .store-tray-grid .store-card{position:relative;padding-right:0}
  .store-tray-grid .store-card-open{grid-template-columns:48% 1fr}
  .store-tray-grid .store-card-copy{padding:20px 25px 70px}
  .store-tray-grid .store-card-bottom{position:absolute;bottom:10px;left:48%;right:0;padding-inline:25px;pointer-events:none}
  .store-tray-grid .store-card-bottom button{pointer-events:auto}
  .store-tray-grid .store-card-title{font-size:25px}
  .store-tray-grid .store-card-kicker{margin-bottom:12px}
  .store-footer{grid-template-columns:1fr 1fr;padding:45px 65px;margin-top:60px}
  .store-footer .store-logo{max-width:280px}
  .store-footer h2{font-size:34px}
  .store-footer p{max-width:450px;font-size:13px}
  .store-footer>div:first-child p{margin-inline:auto}
  .bag-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:55px}
  .bag-summary{position:sticky;top:25px;margin-top:0}
  .bag-line{grid-template-columns:125px minmax(0,1fr) auto;gap:24px;padding-block:28px}
  .bag-line h2{font-size:21px}
  .bag-line p{font-size:12px}
  .bag-line-total{font-size:21px}
  .bag-extra{padding:35px}
}
@media(min-width:1050px) and (max-width:1199px){.desktop-nav{gap:15px}.desktop-nav a{gap:6px}.header-actions{gap:2px}}
@media(hover:hover){.store-card-open:hover .store-card-title{color:var(--accent)}.bag-image:hover{outline:1px solid var(--accent)}}