:root{--jh-primary: #E79114;--jh-primary-dark: #c97a0e;--jh-primary-bg: #FEFDEB;--jh-dark: #1a1a1a;--jh-gray: #737373;--jh-star: #E79114}.product-card{position:relative;display:flex;flex-direction:column;height:100%}.jh-content{padding:10px 0 0;text-align:center;display:flex;flex-direction:column;flex:1}.jh-tags{display:flex;justify-content:center;gap:6px;margin-bottom:8px}.jh-tag-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fff;border:1.5px solid var(--jh-primary);border-radius:20px;font-size:10px;font-weight:600;color:var(--jh-primary);line-height:1}.jh-tag-pill i{font-size:9px;font-family:"Font Awesome 6 Free","Font Awesome 6 Pro",FontAwesome,sans-serif;font-style:normal;-webkit-font-smoothing:antialiased}.jh-subtitle{font-size:11px;color:var(--jh-gray);margin:3px 0 6px}.jh-variants{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0 14px}.jh-variant{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 4px;font-size:11px;font-weight:700;color:var(--jh-dark);background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .15s ease;min-width:0;overflow:hidden;white-space:normal;text-align:center;line-height:1.2}.jh-var-weight{font-size:12px;font-weight:800;display:block}.jh-var-label{font-size:8px;font-weight:500;color:var(--jh-gray);display:block;line-height:1.1;white-space:normal;word-break:break-word}.jh-variant:hover:not(:disabled):not(.active){border-color:var(--jh-primary);color:var(--jh-primary)}.jh-variant:hover:not(:disabled):not(.active) .jh-var-label{color:var(--jh-primary)}.jh-variant.active{background:var(--jh-primary);border-color:var(--jh-primary);color:#fff;pointer-events:none}.jh-variant.active .jh-var-label{color:#ffffffbf}.jh-variant:disabled{opacity:.4;cursor:not-allowed}.jh-unit-badge{position:absolute;top:4px;right:10px;z-index:5}.jh-unit-badge-text{display:inline-block;padding:4px 10px;background:var(--jh-dark);color:#fff;font-size:9px;font-weight:700;border-radius:4px}.jh-form{margin:0}.jh-atc{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--jh-primary);border:none;border-radius:10px;cursor:pointer;transition:all .15s ease}.jh-atc-text{font-size:14px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px}.jh-atc-short{display:none}.jh-atc-price{font-size:18px;font-weight:800;color:#fff}.jh-benefits{display:flex;justify-content:center;gap:16px;margin-top:10px}.jh-benefit{display:flex;align-items:center;gap:6px}.jh-benefit-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid #e0e0e0;border-radius:50%;flex-shrink:0}.jh-benefit-icon i{font-size:10px;color:var(--jh-dark);font-family:"Font Awesome 6 Free","Font Awesome 6 Pro",FontAwesome,sans-serif;font-style:normal;font-weight:900;-webkit-font-smoothing:antialiased}.jh-benefit-text{font-size:9px;font-weight:600;color:var(--jh-dark);letter-spacing:.3px}.jh-rating{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin:6px 0 4px}.jh-stars{display:inline-flex;gap:2px}.jh-stars i{font-size:13px;color:#f5a623!important;font-family:"Font Awesome 6 Free","Font Awesome 6 Pro",FontAwesome,sans-serif;font-style:normal;-webkit-font-smoothing:antialiased}.jh-stars .fa-solid,.jh-stars .fa-star,.jh-stars .fa-star-half-stroke{font-weight:900}.jh-stars .fa-regular{font-weight:400}.jh-rating-value{font-size:13px;font-weight:700;color:var(--jh-dark)}.jh-rating-count{font-size:12px;color:var(--jh-gray)}[data-rating-default=true] .jh-rating-count:after{content:"*";font-size:8px;vertical-align:super;color:#bbb}.product-card{container-type:inline-size;container-name:jhcard}@container jhcard (max-width: 220px){.jh-content{padding:5px 0 0}.jh-tags{gap:3px;margin-bottom:5px}.jh-tag-pill{padding:2px 6px;font-size:7px}.jh-tag-pill i{font-size:6px}.jh-subtitle{font-size:8px;margin:1px 0 3px}.jh-rating{gap:2px;margin:3px 0 2px}.jh-stars i,.jh-rating-value{font-size:9px}.jh-rating-count{font-size:8px}.jh-variants{gap:3px;margin:5px 0 8px}.jh-variant{padding:5px 2px;border-radius:5px;border-width:1.5px}.jh-var-weight{font-size:9px}.jh-atc-wrapper{padding-top:10px}.jh-unit-badge{top:1px;right:4px}.jh-unit-badge-text{padding:2px 6px;font-size:6.5px}.jh-atc{padding:8px 10px;border-radius:7px}.jh-atc-text{font-size:10px}.jh-atc-full{display:none}.jh-atc-short{display:inline}.jh-atc-price{font-size:12px}.jh-benefits{gap:5px;margin-top:6px}.jh-benefit{gap:3px}.jh-benefit-icon{width:15px;height:15px}.jh-benefit-icon i{font-size:7px}.jh-benefit-text{font-size:6.5px}}@container jhcard (max-width: 170px){.jh-var-weight{font-size:8px}.jh-variant{padding:4px 1px}.jh-atc-price{font-size:11px}}@supports not (container-type: inline-size){@media(max-width:479px){.jh-content{padding:5px 0 0}.jh-tags{gap:3px;margin-bottom:5px}.jh-tag-pill{padding:2px 6px;font-size:7px}.jh-subtitle{font-size:8px;margin:1px 0 3px}.jh-rating{gap:2px;margin:3px 0 2px}.jh-stars i,.jh-rating-value{font-size:9px}.jh-rating-count{font-size:8px}.jh-variants{gap:3px;margin:5px 0 8px}.jh-variant{padding:5px 2px;border-radius:5px;border-width:1.5px}.jh-var-weight{font-size:9px}.jh-atc-wrapper{padding-top:10px}.jh-unit-badge-text{padding:2px 6px;font-size:6.5px}.jh-atc{padding:8px 10px;border-radius:7px}.jh-atc-text{font-size:10px}.jh-atc-full{display:none}.jh-atc-short{display:inline}.jh-atc-price{font-size:12px}.jh-benefits{gap:5px;margin-top:6px}.jh-benefit-icon{width:15px;height:15px}.jh-benefit-icon i{font-size:7px}.jh-benefit-text{font-size:6.5px}}}.jh-atc-wrapper{position:relative;margin-top:auto;padding-top:14px}.jh-atc-wrapper.pref-open .jh-unit-badge{display:none}.jh-atc{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--jh-primary);border:none;border-radius:10px;cursor:pointer;transition:background .15s ease,opacity .2s ease,transform .2s ease;position:relative;z-index:1}.jh-atc:hover:not(:disabled){background:var(--jh-primary-dark)}.jh-atc:disabled{background:#9ca3af;cursor:not-allowed}.jh-form.pref-open .jh-atc{opacity:0;pointer-events:none;transform:scale(.96);position:absolute;top:0;left:0;right:0}.jh-pref-inline{display:none;flex-direction:column;gap:8px;opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease}.jh-form.pref-open .jh-pref-inline{display:flex;opacity:1;transform:translateY(0)}.jh-pref-inline-label{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--jh-gray);text-align:center}.jh-pref-inline-opts{display:flex;gap:6px}.jh-pref-inline-btn{flex:1;padding:10px 6px;font-size:11px;font-weight:700;color:var(--jh-dark);background:#fff;border:2px solid #e0ddc8;border-radius:8px;cursor:pointer;text-align:center;transition:all .15s ease;line-height:1.2;white-space:normal;word-break:break-word}.jh-pref-inline-btn:hover{border-color:var(--jh-primary);color:var(--jh-primary-dark);background:#fffdf0}.jh-pref-inline-btn.selected{background:var(--jh-primary);border-color:var(--jh-primary);color:#fff}.jh-pref-inline-actions{display:flex;gap:6px;align-items:stretch}.jh-pref-cancel{width:40px;flex-shrink:0;background:#ede9ce;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--jh-dark);font-size:13px;transition:background .15s}.jh-pref-cancel:hover{background:#ddd8b5}.jh-pref-cancel i{font-family:"Font Awesome 6 Free",FontAwesome,sans-serif;font-weight:900;font-style:normal;-webkit-font-smoothing:antialiased}.jh-pref-confirm{flex:1;display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:#c9c5a8;border:none;border-radius:8px;cursor:not-allowed;transition:all .18s ease}.jh-pref-confirm.ready{background:var(--jh-primary);cursor:pointer}.jh-pref-confirm.ready:hover{background:var(--jh-primary-dark)}.jh-pref-confirm.loading{opacity:.7;cursor:not-allowed}.jh-pref-confirm-text{font-size:12px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.jh-pref-confirm-price{font-size:14px;font-weight:800;color:#fff}@container jhcard (max-width: 220px){.jh-pref-inline-btn{font-size:9px;padding:8px 4px;border-radius:6px}.jh-pref-confirm-text{font-size:10px}.jh-pref-confirm-price{font-size:12px}.jh-pref-confirm{padding:9px 10px}.jh-pref-cancel{width:34px;font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/product-card.css.map */