/* Farm Shop styles are scoped to the local commerce panel. */
#panel.commerce-open{width:min(1040px,calc(100% - 28px))}
.commerce-shop{--shop-green:#365b40;--shop-soft:#e9eddb;--shop-gold:#e1b563;--shop-line:#d7dec8}
.commerce-shop *{box-sizing:border-box}
.commerce-shop h3,.commerce-shop h4,.commerce-shop p{margin:0}
.commerce-shell{display:flex;flex-direction:column;gap:17px}
.commerce-test{align-self:flex-start;font-size:10px;letter-spacing:.08em;font-weight:750;color:#745722;border:1px solid #e4cc95;background:#f5e9c8;padding:5px 9px;border-radius:99px}
.commerce-summary{display:flex;align-items:center;justify-content:space-between;gap:16px}
.commerce-summary h3{font:30px/1.08 Georgia,serif}
.commerce-subtitle{font-size:12px!important;color:#697662;margin-top:7px!important}
.commerce-balance{display:flex;flex-direction:column;align-items:flex-end;min-width:100px;padding:10px 15px;background:#e3ead2;border-radius:14px;color:#3c5739}
.commerce-balance span{font-size:10px;white-space:nowrap}.commerce-balance strong{font:25px Georgia,serif;font-variant-numeric:tabular-nums}
.commerce-status{font-size:12px!important;background:#e8eddb;border-radius:9px;padding:9px 12px;color:#3f603c}.commerce-status:empty{display:none}.commerce-status.commerce-error{background:#f4e4d5;color:#805443}
.commerce-migration{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #dcc994;border-radius:10px;background:#f5edda}.commerce-migration[hidden]{display:none}.commerce-migration p{flex:1;font-size:11px!important;color:#7a6845}.commerce-migration .commerce-button{flex-shrink:0}
.commerce-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding-bottom:5px;border-bottom:1px solid var(--shop-line)}
.commerce-tabs .commerce-button{flex-shrink:0;white-space:nowrap;padding:9px 13px;background:transparent;border-color:transparent;font-size:12px;min-height:44px}
.commerce-tabs .commerce-button.is-selected,.commerce-tabs .commerce-button.is-selected:hover{background:#3c6145;color:#fff8e6}
.commerce-view{display:flex;flex-direction:column;gap:19px}.commerce-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.commerce-card{padding:0;text-align:left;border:1px solid var(--shop-line);border-radius:15px;background:#fcf9ef;overflow:hidden;color:#273d2c;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;cursor:pointer;min-width:0;transition:transform .15s,border-color .15s}
.commerce-card:hover{transform:translateY(-2px);border-color:#829b71}.commerce-card:focus-visible,.commerce-button:focus-visible{outline:3px solid #a78041;outline-offset:3px}
.commerce-picture{position:relative;display:grid;place-items:center;min-height:128px;background:#e4ead6;border-bottom:1px solid #d8dfc8}
.commerce-picture.style,.commerce-detail-picture.style{background:linear-gradient(135deg,#eef0dd,#d6e1cc)}
.commerce-picture.topups,.commerce-detail-picture.topups{background:linear-gradient(140deg,#f2e6c3,#e7d4a1)}
.commerce-picture.club,.commerce-detail-picture.club,.commerce-picture.pass,.commerce-detail-picture.pass{background:linear-gradient(140deg,#dde8cb,#c8dab7)}
.commerce-picture.chapters,.commerce-detail-picture.chapters{background:linear-gradient(140deg,#e9e0cb,#d8c8aa)}
.commerce-shop .commerce-art{width:100%;height:125px;max-width:180px;max-height:140px;display:block}
.commerce-label{position:absolute;top:8px;left:8px;border-radius:99px;background:#4b6b4b;color:#fff9e9;font-size:9px;font-weight:700;padding:4px 7px;line-height:1.3}.commerce-label-soft{background:#f7f3dfd9;color:#55664a}
.commerce-card h4{font-size:14px;padding:11px 12px 5px}.commerce-card-copy{font-size:11px!important;color:#73806b;padding:0 12px 12px;line-height:1.4!important}
.commerce-card-price{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-top:1px solid #e5e7d8;margin-top:auto}.commerce-card-price strong{font-size:13px}.commerce-card-price span{font-size:10px;color:#748168}.commerce-card-price .commerce-pending-note{color:#927132}
.commerce-button{font:inherit;font-size:12px;font-weight:650;border:1px solid #ccd7be;border-radius:9px;background:#eff1e3;color:#3c5739;padding:10px 14px;min-width:44px;min-height:44px;cursor:pointer;line-height:1.2;text-align:center}.commerce-button:hover:enabled{background:#e1e7d1}.commerce-button:disabled{opacity:.5;cursor:default}.commerce-primary{background:#3c6145!important;color:#fff9e9;border-color:#3c6145}.commerce-primary:hover:enabled{background:#2d4f36!important}
.commerce-actions{display:flex;gap:12px;flex-wrap:wrap}.commerce-pending-section{display:grid;gap:8px}.commerce-pending{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #d6c592;border-radius:12px;background:#f4edda}.commerce-pending strong{font-size:12px}.commerce-pending p{font-size:11px!important;color:#83734f}.commerce-pending>.commerce-actions{margin-left:auto}.commerce-mini-icon{font-size:22px;color:#91713d}
.commerce-club{padding:23px;border-radius:18px;border:1px solid #bfd0a5;background:linear-gradient(135deg,#e4eccf,#f6f0d7);display:flex;flex-direction:column;gap:13px}
.commerce-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:750;color:#678156}.commerce-club h3{font:28px/1.15 Georgia,serif;color:#365336}.commerce-club-price{font-size:18px!important;font-weight:700}.commerce-club>.commerce-button{align-self:flex-start}
.commerce-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:7px 0}.commerce-benefits>div{display:flex;flex-direction:column;gap:5px}.commerce-benefits span{font-size:24px;color:#708a52}.commerce-benefits strong{font-size:12px}.commerce-benefits small{font-size:10px;letter-spacing:0;color:#72805f}
.commerce-footnote{font-size:10px!important;line-height:1.5!important;color:#7b816c}.commerce-billing{border-top:1px solid #c8d6b1;padding-top:14px;display:flex;flex-direction:column;gap:8px}.commerce-billing>strong{font-size:14px}.commerce-billing p{font-size:12px!important}.commerce-cancel{display:flex;flex-wrap:wrap;gap:12px}.commerce-cancel p{width:100%;margin-bottom:4px}
.commerce-detail{display:flex;flex-direction:column;gap:16px}.commerce-detail>.commerce-button{align-self:flex-start}.commerce-detail-hero{display:grid;grid-template-columns:minmax(170px,.9fr) minmax(180px,1.1fr);gap:23px;align-items:center}.commerce-detail-picture{border:1px solid var(--shop-line);border-radius:17px;min-height:210px;display:grid;place-items:center;background:#e8ecd8}.commerce-detail-picture .commerce-art{max-width:270px;height:200px;max-height:200px}.commerce-detail-copy{min-width:0;display:flex;flex-direction:column;gap:10px}.commerce-detail-copy h3{font:31px/1.1 Georgia,serif}.commerce-detail-copy p{font-size:13px!important;color:#697761}.commerce-detail-price{font-size:21px}.commerce-included{font-size:12px;color:#5c7947}
.commerce-checkout{min-width:0;max-width:530px;border-top:1px solid var(--shop-line);padding-top:12px;display:flex;flex-direction:column;gap:9px}.commerce-checkout .commerce-footnote{overflow-wrap:anywhere}.commerce-checkout label{margin:0;font-size:12px}.commerce-checkout input[type=email]{min-height:45px}.commerce-checkout>.commerce-button{align-self:flex-start}.commerce-renewal{font-size:12px!important;color:#65715a}.commerce-consent{display:flex!important;align-items:flex-start;gap:9px;padding:12px;background:#eceddd;border-radius:10px}.commerce-consent input{width:18px;height:18px;margin:0;flex-shrink:0}.commerce-consent span{line-height:1.5}
.commerce-pass{display:flex;flex-direction:column;gap:13px}.commerce-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.commerce-section-title h3,.commerce-wardrobe h3{font:22px Georgia,serif}.commerce-section-title span{font-size:11px;color:#79846e}.commerce-rewards{display:grid;gap:8px}.commerce-reward{display:flex;align-items:center;gap:15px;padding:10px 14px;border:1px solid var(--shop-line);background:#f0f2e2;border-radius:12px}.commerce-reward>.commerce-art{width:80px;height:65px;flex-shrink:0}.commerce-reward-copy{flex:1}.commerce-reward-copy strong{font-size:13px}.commerce-reward-copy p{font-size:11px!important;color:#728064}.commerce-reward progress{display:block;margin-top:7px;width:100%;height:5px;accent-color:#6a914e}.commerce-reward>.commerce-button{max-width:150px}
.commerce-wardrobe{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--shop-line);padding-top:16px}.commerce-wardrobe-list{display:flex;gap:12px;flex-wrap:wrap}.commerce-empty{padding:30px 15px;display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center}.commerce-empty h3{font:25px Georgia,serif}.commerce-empty p{font-size:12px!important;color:#728064}
@media(max-width:850px){.commerce-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.commerce-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){#panel.commerce-open{padding:17px;width:calc(100% - 14px)}.commerce-summary h3{font-size:25px}.commerce-summary{gap:10px}.commerce-balance{min-width:88px;padding:8px 10px}.commerce-balance strong{font-size:23px}.commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.commerce-picture{min-height:110px}.commerce-label{font-size:8px}.commerce-card h4{font-size:12px;padding:9px 9px 5px}.commerce-card-copy{font-size:10px!important;padding:0 9px 9px}.commerce-card-price{padding:9px}.commerce-card-price strong{font-size:12px}.commerce-tabs{gap:3px}.commerce-tabs .commerce-button{padding:9px 10px;font-size:11px}.commerce-detail-hero{grid-template-columns:1fr;gap:15px}.commerce-detail-picture{min-height:180px}.commerce-detail-copy h3{font-size:27px}.commerce-club{padding:18px}.commerce-club h3{font-size:25px}.commerce-pending{flex-wrap:wrap}.commerce-pending>.commerce-actions{flex-basis:100%;margin-left:0}.commerce-section-title{align-items:flex-start;flex-direction:column;gap:4px}.commerce-reward{gap:8px;padding:10px}.commerce-reward>.commerce-art{width:54px;height:50px}.commerce-reward>.commerce-button{font-size:10px;padding:9px;max-width:105px}.commerce-reward-copy strong{font-size:12px}.commerce-reward-copy p{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.commerce-card{transition:none}.commerce-card:hover{transform:none}}
@media(min-width:760px){
  #panel.commerce-open.commerce-preview{width:340px;left:auto;right:18px;top:80px;bottom:auto;margin:0;max-height:calc(100dvh - 100px);padding:19px}
  #panel.commerce-open.commerce-preview::backdrop{background:#182f2410;backdrop-filter:none}
  .commerce-preview .commerce-summary,.commerce-preview .commerce-tabs{display:none}
  .commerce-preview .commerce-shell{gap:12px}
  .commerce-preview .commerce-detail{gap:12px}
  .commerce-preview .commerce-detail-hero{grid-template-columns:1fr;gap:12px}
  .commerce-preview .commerce-detail-picture{min-height:110px}
  .commerce-preview .commerce-detail-picture .commerce-art{height:105px;max-height:105px;max-width:150px}
  .commerce-preview .commerce-detail-copy{gap:7px}
  .commerce-preview .commerce-detail-copy h3{font-size:25px}
  .commerce-preview .commerce-detail-price{font-size:19px}
}