/* 2.6.37: compact product controls and an always reachable pack action. */
.cz-product-card,.woocommerce ul.products li.product{container-type:inline-size;position:relative}
.cz-product-card .cz-card-purchase,.woocommerce ul.products li.product .cz-card-purchase{position:static;gap:5px 8px;margin-top:0;align-items:center}
.cz-product-card .cz-card-purchase .cz-card-attribute,
.woocommerce ul.products li.product .cz-card-purchase .cz-card-attribute{gap:4px 6px;font-size:11px;font-weight:400;align-items:center}
.cz-product-card .cz-card-purchase .cz-card-attribute.is-size,
.woocommerce ul.products li.product .cz-card-purchase .cz-card-attribute.is-size{display:flex!important;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}
.cz-product-card .cz-card-purchase .cz-card-attribute select,
.woocommerce ul.products li.product .cz-card-purchase .cz-card-attribute select{height:28px;min-height:28px;max-width:104px!important;width:104px!important;flex:0 1 104px;min-width:0;padding:2px 19px 2px 6px!important;font:400 12px/1.2 var(--cz-sans);border:1px solid #ded5ca;border-radius:2px;background-color:#fff;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='M1 1l3 3 3-3' fill='none' stroke='%234b332a' stroke-width='1.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-size:8px 5px;box-shadow:none}
.cz-product-card .cz-card-purchase .cz-card-single-size,
.woocommerce ul.products li.product .cz-card-purchase .cz-card-single-size{min-height:26px;min-width:0;padding:3px 7px;font-size:12px;font-weight:500}
.cz-product-card .cz-card-purchase>.cz-card-price,
.woocommerce ul.products li.product .cz-card-purchase>.cz-card-price{font-size:14px;line-height:1.4;padding:0;align-self:center}
.cz-product-card .cz-product-info{padding-top:0!important}
.cz-product-card .cz-product-info h3{margin:7px 0!important}

/* The bag sits at the photo's bottom edge. The native form and validation stay intact. */
.cz-product-card .cz-card-purchase .cz-card-add,
.woocommerce ul.products li.product .cz-card-purchase .cz-card-add,
.cz-pack-product .cz-pack-add{position:absolute;right:8px;top:calc(100cqw - 44px);bottom:auto;width:36px;height:36px;min-width:36px;min-height:36px;margin:0!important;padding:8px!important;border:1px solid #d7c8b8;border-radius:3px;background:#fffdf7;color:#492f26;font-size:0!important;text-indent:-9999px;overflow:hidden;letter-spacing:0;line-height:0;display:grid;place-items:center;z-index:4;box-shadow:0 2px 7px #492f2614}
.cz-product-card .cz-card-purchase .cz-card-add::before,
.woocommerce ul.products li.product .cz-card-purchase .cz-card-add::before,
.cz-pack-product .cz-pack-add::before{content:"";display:block;width:21px;height:21px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l1 13H4L5 8zM8 8V6a4 4 0 018 0v2M12 12v6M9 15h6'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.cz-product-card .cz-card-purchase .cz-card-add:disabled,
.woocommerce ul.products li.product .cz-card-purchase .cz-card-add:disabled,
.cz-pack-product .cz-pack-add:disabled{opacity:1;background:#f3f0eb;color:#a79b90;box-shadow:none;cursor:not-allowed}
.cz-card-purchase[aria-busy=true] .cz-card-add::before{mask:none;background:none;border:2px solid #d7c8b8;border-top-color:#492f26;border-radius:50%;animation:cz-purchase-spin .7s linear infinite}
@keyframes cz-purchase-spin{to{transform:rotate(360deg)}}

.cz-pack-product-visual{position:relative;container-type:inline-size;aspect-ratio:1}
.cz-pack-product-visual .cz-pack-image{position:absolute;inset:0}
.cz-pack-product .cz-pack-add{top:auto;bottom:8px}
.cz-pack-selection .cz-pack-product-controls{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:0}
.cz-pack-product-controls .cz-pack-option{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0}
.cz-pack-product-controls .cz-pack-option>span{font-size:11px}
.cz-pack-selection .cz-pack-product select{height:28px;min-height:28px;width:86px;max-width:100%;padding:2px 5px;font-size:12px;line-height:1.2}
.cz-pack-card-price{font-size:13px;font-weight:600;white-space:nowrap}
.cz-pack-selection .cz-pack-product h3{margin:7px 0!important}
.cz-pack-selection .cz-pack-filters select,.cz-pack-selection input[type=search]{height:34px;min-height:34px;padding:4px 8px;font-size:13px}
.cz-pack-selection .cz-pack-generate{min-height:36px;padding:7px 12px}
.cz-pack-sizes button{min-height:34px;padding:5px 16px}

/* Only the summary body scrolls: total and add action never leave the panel. */
.cz-pack-summary{display:flex;flex-direction:column;gap:0;padding:14px;overflow:hidden;max-height:calc(100dvh - var(--cz-sticky-offset,112px) - 28px);top:calc(var(--cz-sticky-offset,112px) + 12px)}
.cz-pack-summary-heading{flex:none}
.cz-pack-summary h2{font-size:23px;line-height:1.3}
.cz-pack-summary>[data-pack-progress]{flex:none;margin:8px 0;font-size:13px;line-height:1.4}
.cz-pack-summary-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:4px}
.cz-pack-summary [data-pack-lines]{max-height:none;overflow:visible}
.cz-pack-summary .cz-pack-line{padding:9px 0;gap:8px}
.cz-pack-summary .cz-pack-line>img{width:44px;height:56px}
.cz-pack-summary .cz-pack-line-detail>a{font-size:12px;line-height:1.4}
.cz-pack-summary .cz-pack-line-actions{gap:0 8px}
.cz-pack-summary .cz-pack-line-actions label,.cz-pack-summary .cz-pack-line-actions button{font-size:11px;min-height:28px}
.cz-pack-summary [data-pack-note]{font-size:12px;line-height:1.4;margin:10px 0}
.cz-pack-summary .cz-pack-gift-info,.cz-pack-summary-body>small{font-size:11px;line-height:1.4;color:#786a5e;margin:8px 0}
.cz-pack-summary .cz-delivery{margin:8px 0;padding:0;border:0;font-size:12px}
.cz-pack-summary .cz-delivery>summary{font-size:12px;padding:4px 0}
.cz-pack-summary-footer{flex:none;background:inherit;border-top:1px solid #d7c8b8;padding-top:10px;margin-top:10px}
.cz-pack-summary .cz-pack-totals{margin:0 0 9px;font-size:14px;gap:8px}
.cz-pack-summary .cz-pack-totals dt,.cz-pack-summary .cz-pack-totals dd{padding:0;border:0}
.cz-pack-summary [data-pack-submit]{margin:0;width:100%;min-height:38px;padding:9px 8px;font-size:13px;line-height:1.4}
.cz-pack-bottom button[data-pack-open]{background:transparent;color:#492f26;padding:7px 4px;text-decoration:underline;text-underline-offset:3px;font-size:12px}
.cz-pack-bottom [data-pack-submit-quick]{padding:10px 13px;min-height:40px;font-size:13px;white-space:nowrap}
.cz-pack-bottom [data-pack-submit-quick][hidden]{display:none}
/* Keep help available after the builder without covering its purchase action. */
body:has([data-pack-builder]) .cz-whatsapp{position:static;display:flex;width:max-content;max-width:calc(100% - 32px);height:auto;min-height:40px;margin:16px auto;padding:10px 16px;border-radius:4px;box-shadow:none}
body:has([data-pack-builder]) .cz-whatsapp span{display:inline}

@media(max-width:760px){
 .cz-product-card .cz-card-purchase,.woocommerce ul.products li.product .cz-card-purchase{column-gap:5px}
 .cz-product-card .cz-card-purchase .cz-card-attribute.is-size>span:first-child,.woocommerce ul.products li.product .cz-card-purchase .cz-card-attribute.is-size>span:first-child{width:100%;font-size:11px}
 .cz-product-card .cz-card-purchase .cz-card-attribute select,.woocommerce ul.products li.product .cz-card-purchase .cz-card-attribute select{height:32px;min-height:32px;font-size:13px;flex-basis:90px;width:90px!important;max-width:100%!important;padding-left:4px!important;padding-right:16px!important;background-position:right 4px center}
 .cz-product-card .cz-card-purchase>.cz-card-price,.woocommerce ul.products li.product .cz-card-purchase>.cz-card-price{font-size:13px;align-self:end;padding-bottom:7px}
 .cz-product-card .cz-card-purchase .cz-card-add,.woocommerce ul.products li.product .cz-card-purchase .cz-card-add,.cz-pack-product .cz-pack-add{width:36px;height:36px;right:6px;top:calc(100cqw - 42px)}
 .cz-pack-product .cz-pack-add{top:auto;bottom:6px}
 .cz-pack-selection .cz-pack-product select{height:32px;min-height:32px;width:78px;font-size:13px}
 .cz-pack-product-controls .cz-pack-option>span{width:100%}
 .cz-pack-card-price{align-self:end;padding-bottom:7px;font-size:12px}
 .cz-pack-selection .cz-pack-filters select,.cz-pack-selection input[type=search]{height:36px;font-size:14px}
 .cz-pack-summary{display:none}
 .cz-pack-summary.is-open{display:flex;position:fixed;inset:0;width:100%;height:100dvh;max-height:100dvh;box-sizing:border-box;overflow:hidden;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;z-index:100000}
 .cz-pack-summary-heading{position:static;padding:0}
 .cz-pack-summary-body{flex:1}
 .cz-pack-summary [data-pack-submit]{min-height:42px}
 .cz-pack-bottom{padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:8px;flex-wrap:wrap}
 .cz-pack-bottom>span{flex:1;font-size:12px;line-height:1.3;min-width:94px}
}
@media(prefers-reduced-motion:reduce){.cz-card-purchase[aria-busy=true] .cz-card-add::before{animation:none}}
@media(forced-colors:active){.cz-product-card .cz-card-purchase select,.woocommerce ul.products li.product .cz-card-purchase select{appearance:auto;background-image:none}}
