/* Compact card option and Barakat-style options popup. */
body.collection-options-open{overflow:hidden}
.product-card.product{display:flex;padding:10px;border:1px solid #d8e0dc;border-radius:15px;background:#fff;overflow:hidden}
.product-card.product .product-card__media{aspect-ratio:1.22/1;border-radius:11px;background:var(--color-surface,#f1f6ed)}
.product-card.product .product-card__image{object-fit:contain}
.product-card.product .product-card__content{align-items:stretch;padding:.82rem .25rem .25rem;text-align:center}
.product-card.product .product-card__title{margin-bottom:.38rem;font-size:.92rem;line-height:1.3;text-align:center}
.product-card.product .product-card__type{margin-bottom:.25rem;font-size:.65rem;text-align:center}
.product-card.product .product-card__quick-view{bottom:.65rem}
.product-card.product.product-card--has-origin .product-card__quick-view{bottom:.65rem}
.product-card.product .product-card__origin{position:static;display:flex;max-width:100%;min-height:0;align-items:center;align-self:center;gap:.22rem;margin:0 auto .32rem;padding:0;transform:none;border:0;border-radius:0;background:transparent;color:var(--color-muted,#63746b);font-size:.64rem;font-weight:650;line-height:1.25;white-space:normal;box-shadow:none;backdrop-filter:none}
.product-card.product .product-card__origin img{width:18px;height:12px;border-radius:2px}
.product-card.product .product-card__origin-emoji{width:auto;height:auto;font-size:.72rem;line-height:1}
.product-card.product .product-card__origin>span:last-child{min-width:0;overflow:visible;text-overflow:clip;white-space:normal}
.product-card.product .product-card__badge{top:.65rem;left:.65rem;padding:.4rem .65rem;border:1px solid rgba(255,255,255,.9);border-radius:999px;background:#d92d20;color:#fff;font-size:.68rem;letter-spacing:.02em;box-shadow:0 6px 18px rgba(122,28,20,.25)}
.collection-variants{display:flex;min-width:0;flex:1;flex-direction:column;margin-top:.35rem}
.card-option{min-width:0;color:var(--color-text,#17372a)}
.card-option__main{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:.65rem}
.card-option__image{width:52px;height:52px;overflow:hidden;border:1px solid rgba(23,55,42,.09);border-radius:10px;background:var(--color-surface,#f1f6ed)}
.card-option__image img{display:block;width:100%;height:100%;object-fit:contain}
.card-option__info{min-width:0}
.card-option__name{display:block;margin-bottom:.15rem;font-size:.78rem;font-weight:750;line-height:1.4;overflow-wrap:anywhere}
.card-option__detail{display:block;margin-bottom:.18rem;color:#5f6877;font-size:.72rem;font-weight:650;line-height:1.35}
.card-option__summary{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.18rem;margin-top:.28rem}
.card-option__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.12rem .38rem;margin:0;font-size:.92rem;font-weight:850;line-height:1.4}
.card-option__price del{margin:0;color:var(--color-muted,#63746b);font-size:.73rem;font-weight:500}
.card-option__price ins{color:var(--color-primary,#1d5a3a);font-weight:850;text-decoration:none}
.card-option__price .woocommerce-Price-amount{white-space:nowrap}
.card-option__price .woocommerce-price-suffix{font-size:.68rem;font-weight:400}
.card-option__discount{display:inline-flex;min-width:30px;min-height:30px;align-items:center;justify-content:center;padding:.25rem;border-radius:50%;background:#df3161;color:#fff;font-size:.62rem;font-weight:850;line-height:1}
.card-option__choice{display:block;margin-top:.55rem;font-size:.75rem;line-height:1.5}
.card-option__choice>span{display:block;margin-bottom:.18rem;font-weight:750}
.card-option .card-option__choice select{width:100%;max-width:100%;min-height:42px;padding:.4rem .5rem;border:1px solid rgba(23,55,42,.25);border-radius:8px;background:#fff;color:var(--color-text,#17372a);font-size:.8rem}
.card-option__actions{display:grid;gap:.4rem;min-width:0;margin-top:.65rem}
.card-option .card-option__add,.card-option .card-option__view-cart{display:flex;width:100%;min-height:44px;align-items:center;justify-content:center;padding:.55rem .65rem;border:1px solid var(--color-primary,#1d5a3a);border-radius:9px;background:var(--color-primary,#1d5a3a);color:#fff;font-size:.75rem;font-weight:850;line-height:1.25;text-align:center;text-transform:uppercase;white-space:normal}
.card-option .card-option__add:hover:not(:disabled),.card-option .card-option__add:focus-visible,.card-option .card-option__view-cart:hover{background:var(--color-primary-dark,#123d27);color:#fff}
.card-option .card-option__add:disabled{cursor:not-allowed;opacity:.55}
.card-option__quantity{display:grid;width:100%;grid-template-columns:38px minmax(28px,1fr) 38px;min-height:42px;border:1px solid rgba(23,55,42,.18);border-radius:9px;background:#fff;overflow:hidden}
.card-option .card-option__quantity button{min-width:0;min-height:42px;padding:0;border:0;background:#fff;color:var(--color-primary,#1d5a3a);font-size:1.15rem;font-weight:850;line-height:1}
.card-option .card-option__quantity button svg{margin:auto}
.card-option .card-option__quantity button:hover:not(:disabled),.card-option .card-option__quantity button:focus-visible{background:var(--color-surface,#f1f6ed);color:var(--color-primary-dark,#123d27)}
.card-option .card-option__quantity button:disabled{opacity:.4;cursor:not-allowed}
.card-option .card-option__quantity input{width:100%;min-width:0;margin:0;padding:.25rem 0;border:0;border-radius:0;background:#fff;color:var(--color-text,#17372a);font-size:.86rem;font-weight:850;text-align:center;appearance:textfield;-moz-appearance:textfield}
.card-option__quantity input::-webkit-inner-spin-button,.card-option__quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.card-option .card-option__status{margin:.45rem 0 0;padding-top:.42rem;border-top:1px solid rgba(23,55,42,.1);color:var(--color-primary,#1d5a3a);font-size:.71rem;font-weight:750;line-height:1.4;overflow-wrap:anywhere}
.card-option .card-option__status:empty{display:none}
.card-option .card-option__status.is-error{color:#b42318}
.card-option.is-loading{opacity:.65}
.card-option.is-loading button,.card-option.is-loading input,.card-option.is-loading select{cursor:wait}

/* First option stays directly below the product title. */
.card-option--compact{display:flex;height:100%;flex-direction:column}
.card-option--compact .card-option__main{display:block}
.card-option--compact .card-option__image{display:none}
.card-option--compact .card-option__name{text-align:center}
.card-option--compact .card-option__detail{text-align:center}
.card-option--compact .card-option__summary .card-option__name,.card-option--compact .card-option__summary .card-option__detail{display:inline;margin:0;font-size:.76rem;font-weight:500;line-height:1.4}
.card-option--compact .card-option__summary .card-option__detail{color:var(--color-muted,#63746b)}
.card-option--compact .card-option__price{justify-content:center;margin-bottom:.05rem;text-align:center}
.card-option--compact .card-option__options{align-self:center;margin:.35rem auto 0;padding:.16rem .58rem;border:1px solid rgba(23,55,42,.32);border-radius:999px;background:#fff;color:var(--color-text,#17372a);font-size:.7rem;font-weight:650;line-height:1.15;text-transform:lowercase}
.card-option--compact .card-option__options:hover,.card-option--compact .card-option__options:focus-visible{border-color:var(--color-primary,#1d5a3a);background:var(--color-surface,#f1f6ed);color:var(--color-primary,#1d5a3a)}
.card-option--compact .card-option__actions{margin-top:auto;padding-top:.45rem}
.card-option--compact .card-option__add,.card-option--compact .card-option__view-cart{border-radius:9px}

/* Popup matches the reference structure while retaining theme colors. */
.collection-options-modal{position:fixed;z-index:120;inset:0;display:flex;align-items:center;justify-content:center;padding:24px}
.collection-options-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(7,18,13,.68);cursor:default}
.collection-options-modal__dialog{position:relative;z-index:1;display:flex;width:min(500px,calc(100vw - 32px));max-height:min(82vh,680px);flex-direction:column;gap:10px;padding:14px;border-radius:20px;background:#f4f3f3;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.collection-options-modal__header{display:grid;min-height:34px;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center}
.collection-options-modal__header h2{grid-column:2;margin:0;font-family:inherit;font-size:1rem;font-weight:800;line-height:1.3;text-align:center;letter-spacing:0}
.collection-options-modal__close{grid-column:3;grid-row:1;display:flex;width:34px;height:34px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-text,#17372a);font-size:1.5rem;line-height:1}
.collection-options-modal__close:hover,.collection-options-modal__close:focus-visible{background:#fff;color:var(--color-primary,#1d5a3a)}
.collection-options-modal__list{display:grid;min-height:72px;gap:8px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:2px}
.collection-options-modal__list>span{display:flex;min-height:110px;align-items:center;justify-content:center;color:var(--color-muted,#63746b);font-size:.82rem;font-weight:700;text-align:center}
.collection-options-modal .card-option--popup{display:grid;grid-template-columns:minmax(0,1fr) 126px;align-items:center;gap:8px 12px;padding:10px;border:0;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(23,55,42,.05)}
.collection-options-modal .card-option--popup .card-option__main{grid-template-columns:48px minmax(0,1fr);gap:.55rem}
.collection-options-modal .card-option--popup .card-option__image{width:48px;height:48px;border:0;background:#fff}
.collection-options-modal .card-option--popup .card-option__actions{grid-column:2;grid-row:1;margin:0}
.collection-options-modal .card-option--popup .card-option__choice{grid-column:1/-1;margin:0}
.collection-options-modal .card-option--popup .card-option__status{grid-column:1/-1;margin:0}
.collection-options-modal__done{flex:0 0 auto;width:100%;min-height:46px;padding:.65rem 1rem;border:1px solid var(--color-primary,#1d5a3a);border-radius:9px;background:var(--color-primary,#1d5a3a);color:#fff;font-size:.82rem;font-weight:850;text-transform:uppercase}
.collection-options-modal__done:hover,.collection-options-modal__done:focus-visible{background:var(--color-primary-dark,#123d27);color:#fff}
.collection-variants button:focus-visible,.collection-variants input:focus-visible,.collection-variants select:focus-visible,.collection-variants a:focus-visible{outline:2px solid var(--color-primary,#1d5a3a);outline-offset:2px}

@media(max-width:600px){
 .product-card.product{padding:8px;border-radius:12px}
 .product-card.product .product-card__content{padding:.68rem .1rem .15rem}
 .product-card.product .product-card__title{font-size:.84rem}
 .collection-options-modal{align-items:flex-end;padding:0}
 .collection-options-modal__dialog{width:100%;max-height:88vh;padding:12px;border-radius:20px 20px 0 0}
 .collection-options-modal .card-option--popup{grid-template-columns:minmax(0,1fr) 112px;gap:7px;padding:8px}
 .collection-options-modal .card-option--popup .card-option__main{grid-template-columns:42px minmax(0,1fr);gap:.42rem}
 .collection-options-modal .card-option--popup .card-option__image{width:42px;height:42px}
 .collection-options-modal .card-option--popup .card-option__name{font-size:.72rem}
 .collection-options-modal .card-option--popup .card-option__price{font-size:.82rem}
 .collection-options-modal .card-option--popup .card-option__price del{font-size:.65rem}
 .card-option .card-option__add,.card-option .card-option__view-cart{padding:.48rem .35rem;font-size:.68rem}
 .card-option__quantity{grid-template-columns:34px minmax(24px,1fr) 34px}
}

@media(max-width:390px){
 .collection-options-modal .card-option--popup{grid-template-columns:1fr}
 .collection-options-modal .card-option--popup .card-option__actions{grid-column:1;grid-row:auto}
 .collection-options-modal .card-option--popup .card-option__choice,.collection-options-modal .card-option--popup .card-option__status{grid-column:1}
}