/* Casserola — WordPress / Elementor / WooCommerce integration layer.
   The design CSS (casserola.css) is untouched; this file only makes WP markup behave like the concept. */

:root{--tb:0px}
body.admin-bar{--tb:32px}
@media (max-width:782px){body.admin-bar{--tb:46px}}
@media (max-width:600px){body.admin-bar{--tb:0px}}

/* the whole page is the ".site" container from the concept */
body.site{margin:0;container:site/inline-size;min-height:100vh}
body.site h1,body.site h2,body.site h3,body.site h4{color:inherit}
body.site button,body.site input,body.site select,body.site textarea{font-family:var(--sans)}
body.site .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* Elementor wrappers disappear on the front end so the concept markup lays out exactly as designed
   (sticky header, full-bleed bands). In the editor they stay, so sections remain selectable. */
body:not(.elementor-editor-active) .elementor-location-header,
body:not(.elementor-editor-active) .elementor-location-footer,
body:not(.elementor-editor-active) .e-con.cas-e,
body:not(.elementor-editor-active) .e-con.cas-e>.e-con-inner,
body:not(.elementor-editor-active) .cas-e .elementor-widget-html,
body:not(.elementor-editor-active) .cas-e .elementor-widget-shortcode,
body:not(.elementor-editor-active) .cas-e .elementor-widget-container,
body:not(.elementor-editor-active) .cas-e .elementor-shortcode{display:contents}
.e-con.cas-e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--gap:0px;--row-gap:0px;--column-gap:0px;padding:0}
.elementor-editor-active .e-con.cas-e{display:block}

/* links, images inside interactive cards */
.card a.ph{display:block}
.card h3 a{color:inherit}
.ftr ul a,.ftr .legal a{color:inherit}
.cart,.hdr-top .side:first-child{cursor:pointer}
.hdr-top .side a{color:inherit}
.btn{text-decoration:none;border-radius:0;line-height:1;box-sizing:border-box}
.btn:hover{opacity:.88}
.btn.disabled,.btn[disabled]{opacity:.45;pointer-events:none}
button.btn{appearance:none;margin:0}
.btn.loading{opacity:.6;pointer-events:none}
.wish.on{background:#F1E4D8}
.qty span{user-select:none}

/* club form */
.club input{border-radius:0;outline:none;color:var(--ink)}
.club .btn{height:50px}

/* toolbar select (sort) looks like the concept's .sel */
.toolbar select.sel{appearance:none;-webkit-appearance:none;font:inherit;color:inherit;border-radius:0;cursor:pointer;padding-inline-end:28px;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%231E1B18'/%3E%3C/svg%3E") no-repeat left 12px center}
.toolbar .fbtn{cursor:pointer}

/* price range slider over the concept's range bar */
.range input[type=range]{position:absolute;inset-inline:0;top:-7px;width:100%;margin:0;height:16px;background:none;pointer-events:none;-webkit-appearance:none;appearance:none;direction:rtl}
.range input[type=range]::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:transparent;cursor:pointer}
.range input[type=range]::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;border:0;border-radius:50%;background:transparent;cursor:pointer}
.fgroup .swatch{width:22px;height:22px;border-radius:50%;display:block;cursor:pointer;box-shadow:0 0 0 1px var(--line)}
.fgroup .swatch.on{box-shadow:0 0 0 2px var(--cream),0 0 0 3px var(--ink)}
.fgroup a{color:inherit}

/* mobile filters drawer */
@container site (max-width:1024px){
  .filters.open{display:block;position:fixed;inset:0;z-index:70;background:var(--cream);overflow:auto;padding:24px 16px}
  .filters .fclose{display:flex}
}
.filters .fclose{display:none;justify-content:space-between;align-items:center;font:500 18px var(--serif);margin-bottom:8px}
.filters .fclose button{background:none;border:0;font-size:24px;cursor:pointer}

/* empty states */
.cas-empty{text-align:center;padding:64px 0;color:var(--muted)}
.cas-empty h2{font:500 32px var(--serif);color:var(--ink);margin:0 0 10px}

/* WooCommerce notices */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;background:var(--white);border:1px solid var(--line);border-inline-start:3px solid var(--walnut);padding:14px 18px;margin:16px 0;font-size:14px}
.woocommerce-error{border-inline-start-color:var(--sale)}
.woocommerce-message .button,.woocommerce-info .button{float:left;font-size:13px;border-bottom:1px solid var(--ink)}
.woocommerce-error li{margin:2px 0}

/* side cart (global drawer) */
.gd .drawer .row .nm a{color:inherit}
.gd .drawer .x{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);cursor:pointer}
.gd .drawer .body:empty::after{content:"הסל ריק";display:block;padding:32px 0;color:var(--muted);text-align:center}

/* search overlay */
.sov.cas-sov{display:none;position:relative;z-index:9}
.sov.cas-sov.open{display:block}
.sbox input{flex:1;border:0;background:transparent;font:inherit;color:var(--ink);outline:none;padding:0;min-width:0}
.sbox .close{margin-inline-start:auto;font:14px var(--sans);color:var(--muted);cursor:pointer;background:none;border:0;white-space:nowrap}
.sres ul a{color:inherit}
.sres .empty{color:var(--muted);font-size:14px}

/* cart page */
.cartgrid .row .nm a{color:inherit}
.coupon input{outline:none;border-radius:0}
.cas-hidden{display:none!important}

/* ===== checkout: WooCommerce fields rendered as the concept's .fld boxes ===== */
.cas-co .fields .form-row{background:var(--white);border:1px solid var(--line);height:52px;box-sizing:border-box;overflow:hidden;padding:8px 14px;font-size:15px;display:flex;flex-direction:column;justify-content:center;margin:0}
.cas-co .fields .form-row.w,.cas-co .fields .form-row.form-row-wide.w{grid-column:1/-1}
.cas-co .fields .form-row label{font-size:11px;color:var(--muted);line-height:1.2;margin:0}
.cas-co .fields .form-row label .required,.cas-co .fields .form-row label .optional{display:none}
.cas-co .fields .form-row .woocommerce-input-wrapper{display:block}
.cas-co .fields .form-row input.input-text,.cas-co .fields .form-row textarea{width:100%;height:auto;min-height:0;line-height:1.3;border:0;background:transparent;padding:0;font:15px/1.4 var(--sans);color:var(--ink);outline:none;box-shadow:none}
.cas-co .fields .form-row textarea{height:20px;min-height:20px;resize:none;overflow:hidden}
.cas-co .fields .form-row.woocommerce-invalid{border-color:var(--sale)}
.cas-co .fields .form-row.cas-hide,.cas-co #billing_country_field,.cas-co #shipping_country_field{display:none}
.cas-co .shipping_address{margin-top:12px}
.cas-co .check input{position:absolute;opacity:0;pointer-events:none}
.cas-co .radio input{position:absolute;opacity:0;pointer-events:none}
.cas-co .radio .pr{font-size:15px}
/* payment block */
.cas-co #payment ul.payment_methods{list-style:none;margin:0;padding:0}
.cas-co #payment li.wc_payment_method{position:relative;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;background:var(--white);border:1px solid var(--line);padding:16px;margin-bottom:10px;font-size:15px}
.cas-co #payment li.wc_payment_method:has(input:checked){border-color:var(--ink)}
.cas-co #payment li.wc_payment_method>input{position:absolute;opacity:0}
.cas-co #payment li.wc_payment_method>label{flex:1;display:flex;gap:12px;align-items:flex-start;cursor:pointer}
.cas-co #payment li.wc_payment_method>label::before{content:"";width:18px;height:18px;border-radius:50%;border:1px solid var(--ink);flex:none;margin-top:3px;box-sizing:border-box}
.cas-co #payment li.wc_payment_method>input:checked+label::before{background:radial-gradient(circle,var(--ink) 0 5px,transparent 5.5px)}
.cas-co #payment li.wc_payment_method>label img{display:none}
.cas-co #payment .payment_box{flex-basis:100%;padding-inline-start:30px;margin-top:-8px;color:var(--muted);font-size:13px}
.cas-co #payment .payment_box p{margin:0}
.cas-co #payment li.woocommerce-notice,.cas-co #payment .woocommerce-info{background:var(--white);border:1px solid var(--line);padding:16px;font-size:14px;color:var(--muted)}
.cas-co #payment .place-order{padding:0;margin:0}
.cas-co #payment .woocommerce-terms-and-conditions-wrapper{margin:0}
.cas-co #payment .woocommerce-privacy-policy-text{display:none}
.cas-co #payment .woocommerce-form__label-for-checkbox{display:flex;gap:10px;align-items:center;font-size:14px;margin-block:10px;cursor:pointer}
.cas-co #payment .woocommerce-form__label-for-checkbox input{position:absolute;opacity:0}
.cas-co #payment .woocommerce-form__label-for-checkbox::before{content:"";width:16px;height:16px;border:1px solid var(--ink);flex:none;box-sizing:border-box;display:inline-grid;place-items:center;font-size:11px;line-height:1}
.cas-co #payment .woocommerce-form__label-for-checkbox:has(input:checked)::before{content:"✓";background:var(--ink);color:#fff}
.cas-co #payment .woocommerce-form__label-for-checkbox a{border-bottom:1px solid var(--line)}
.cas-co #payment .woocommerce-form__label-for-checkbox .required{display:none}
.cas-co #payment .woocommerce-terms-and-conditions{display:none!important}
.cas-co #place_order{width:100%;height:56px;font-size:16px;margin-top:10px}
.cas-co .blockUI.blockOverlay{background:rgba(246,242,236,.6)!important}
.cas-co .woocommerce-NoticeGroup{grid-column:1/-1}
.co-hdr .wrap>*{flex:1}
.co-hdr .wrap>.logo{flex:none}
.co-hdr .wrap>span{text-align:left}

/* my account / generic WooCommerce pages keep the design's tone */
.woocommerce-account .site-main,.woocommerce-order-received .site-main{max-width:var(--max);margin-inline:auto;padding:40px 24px}
.woocommerce form .form-row input.input-text{border:1px solid var(--line);background:var(--white);height:48px;padding:0 14px;font:15px var(--sans);border-radius:0}
.woocommerce .button{display:inline-flex;align-items:center;justify-content:center;height:48px;padding-inline:28px;background:var(--ink);color:#fff;font:500 14px var(--sans);border:1px solid var(--ink);cursor:pointer;border-radius:0}

/* Hello theme default page title off on our templates */
.cas-tpl .page-header{display:none}

/* Hero copy: the concept is drawn inside a frame of at most 1440px. On wider screens the side padding keeps
   growing, so the box grows by the same amount and the text column stays exactly as wide as in the concept. */
.hero-copy{max-width:calc(760px + max(0px, 100cqw - 1440px))}

/* Header icons: the cart sits on the same centre line as the heart and the login text. */
.hdr-top .side .ico{display:block}
.hdr-top .cart{display:flex;align-items:center}

/* ===== v1.1 ===== */

/* header menu with dropdowns (categories sheet) */
.nav{position:relative}
.nav .nv{position:relative}
.nav .nv>a{display:inline-block}
.nav .nv.has-dd>a::after{content:"";display:inline-block;width:5px;height:5px;border-inline-end:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-inline-start:7px;vertical-align:3px;opacity:.6}
.nav .dd{position:absolute;top:100%;inset-inline-start:-18px;z-index:30;padding-top:14px;visibility:hidden;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s,visibility .18s}
.nav .nv:hover .dd,.nav .nv:focus-within .dd,.nav .nv.open .dd{visibility:visible;opacity:1;transform:none}
.nav .dd-in{background:var(--cream);border:1px solid var(--line);box-shadow:0 14px 30px rgba(30,27,24,.08);padding:14px 0;min-width:220px}
.nav .dd.cols .dd-in{column-count:2;column-gap:0;min-width:440px}
.nav .dd a{display:block;padding:7px 22px;border:0;white-space:nowrap;font-size:14px;break-inside:avoid;color:var(--ink)}
.nav .dd a:hover{background:var(--white);color:var(--walnut)}
@container site (max-width:640px){
  .nav .dd{display:none}
  .nav .nv.has-dd>a::after{display:none}
}

/* WhatsApp group: home banner + footer link */
.wa-band{padding-block:0 64px}
.wa-in{display:flex;align-items:center;gap:20px;background:var(--white);border:1px solid var(--line);padding:22px 28px}
.wa-badge{width:48px;height:48px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;flex:none}
.wa-txt{flex:1;display:flex;flex-direction:column;gap:2px}
.wa-txt .eyebrow{color:var(--walnut);font-size:14px}
.wa-txt b{font:500 22px/1.3 var(--serif)}
.wa-txt span{color:var(--muted);font-size:14px}
.wa-in .btn{flex:none}
.wa-ico{display:inline-block;vertical-align:middle}
.ftr .wa-link{display:inline-flex;gap:8px;align-items:center}
.ftr .wa-link .wa-ico{color:#25D366}
@container site (max-width:640px){
  .wa-band{padding-block:0 48px}
  .wa-in{flex-wrap:wrap;padding:20px}
  .wa-in .btn{width:100%}
}

/* product page: share row */
.share{display:flex;align-items:center;gap:8px;margin-top:22px;font-size:14px;color:var(--muted)}
.share span{margin-inline-end:6px}
.share a,.share button{width:36px;height:36px;border:1px solid var(--line);background:var(--white);display:grid;place-items:center;color:var(--ink);cursor:pointer;padding:0}
.share a:hover,.share button:hover{border-color:var(--ink)}

/* live search: product rows */
.srows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.srows li{border-bottom:1px solid var(--line)}
.srows a{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding-block:10px;color:var(--ink)}
.srows a:hover{background:var(--white)}
.srows img{width:56px;height:56px;object-fit:cover;background:var(--white)}
.srows .t{display:flex;flex-direction:column;gap:2px;min-width:0}
.srows .t b{font-weight:500;font-size:15px}
.srows .t b mark{background:none;color:var(--walnut);font-weight:500}
.srows .t small{color:var(--muted);font-size:13px}
.srows .p{font-size:15px;display:flex;gap:8px;align-items:baseline}
.srows .p del{color:var(--muted);font-size:13px}
.srows .p .now{color:var(--sale)}
.sall{display:block;padding:14px 0;font-size:14px;font-weight:500;border-bottom:1px solid var(--ink)}
.sres .cas-sugg mark{background:none;font-weight:500;color:var(--ink)}

/* ===== gift card page ===== */
.gc-grid{display:grid;grid-template-columns:1fr 460px;gap:56px;align-items:start;padding-bottom:24px}
.gc-side{position:sticky;top:170px;order:2}
.gc-card{position:relative;aspect-ratio:1.6;background:radial-gradient(120% 140% at 85% 0%,#3a2a1f 0%,#1E1B18 55%);color:#F6F2EC;padding:28px 30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 22px 50px rgba(30,27,24,.22)}
.gc-card::after{content:"";position:absolute;inset:12px;border:1px solid rgba(201,164,126,.35);pointer-events:none}
.gc-top{display:flex;justify-content:space-between;align-items:center}
.gc-top img{height:46px;width:auto;filter:invert(1) brightness(1.6);mix-blend-mode:screen}
.gc-top span{font-family:var(--latin);letter-spacing:.28em;text-transform:uppercase;font-size:14px;color:#C9A47E}
.gc-amt{font:500 56px/1 var(--serif);letter-spacing:.01em}
.gc-lines{display:flex;gap:28px;font-size:13px;opacity:.85}
.gc-lines span{font-weight:500}
.gc-msg{position:absolute;inset-inline:30px;bottom:72px;font-size:13px;opacity:.75;white-space:pre-line;max-height:3.2em;overflow:hidden}
.gc-notes{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px;font-size:14px;color:var(--muted)}
.gc-notes li{display:flex;gap:10px;align-items:baseline}
.gc-notes li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--walnut);flex:none;transform:translateY(-2px)}
.gc-form .chips{margin-top:0}
.gc-amounts .chip{cursor:pointer;font:inherit;font-size:15px;padding:10px 20px;min-width:96px}
.gc-form .fld{cursor:text;height:auto;min-height:52px}
.gc-form .fld input,.gc-form .fld textarea{border:0;background:transparent;padding:0;margin:2px 0 0;font:15px/1.4 var(--sans);color:var(--ink);outline:none;width:100%;resize:none}
.gc-form .fld.err{border-color:var(--sale)}
.gc-form .fld-ta{min-height:110px;justify-content:flex-start}
.gc-count{font-size:12px;color:var(--muted);text-align:left;margin-top:6px}
.gc-err{margin:0 0 12px}
.gc-form .btn.full{width:100%;height:56px;font-size:16px}
.gc-balance{max-width:520px}
.gc-balance input{background:var(--white)}
.gc-balance-out{margin-top:12px;font-size:15px}
.gc-rm{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);margin-inline-start:6px}
@container site (max-width:1024px){
  .gc-grid{grid-template-columns:1fr;gap:32px}
  .gc-side{position:static;order:0}
}
@container site (max-width:640px){
  .gc-card{padding:22px}
  .gc-amt{font-size:44px}
  .gc-amounts .chip{min-width:0;flex:1 0 30%}
}

/* ===== about: family story ===== */
.st-hero{position:relative;height:620px;overflow:hidden;background:var(--ink)}
.st-hero img{width:100%;height:100%;object-fit:cover;opacity:.72}
.st-hero .in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:24px;gap:18px}
.st-hero q{font-family:var(--latin);font-size:clamp(28px,3.6cqw,52px);letter-spacing:.08em;text-transform:uppercase;line-height:1.15;max-width:22ch;quotes:"“" "”"}
.st-hero .by{font-size:15px;letter-spacing:.04em;opacity:.9}
.st-seal{position:absolute;top:36px;inset-inline-end:40px;width:132px;height:132px;border-radius:50%;background:var(--cream);color:var(--ink);display:grid;place-items:center;text-align:center;font-family:var(--latin);letter-spacing:.2em;font-size:12px;line-height:1.5;text-transform:uppercase;box-shadow:0 0 0 6px rgba(246,242,236,.25)}
.st-seal b{display:block;font:500 34px/1 var(--latin);letter-spacing:0;margin-block:2px}
.st-row{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.st-row.rev>.st-media{order:2}
.st-media img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;background:var(--white)}
.st-media.wide img{aspect-ratio:4/3}
.st-txt h1,.st-txt h2{font:500 clamp(30px,3.2cqw,44px)/1.15 var(--serif);margin:6px 0 16px}
.st-txt h1 .heart{color:var(--walnut)}
.st-txt .lede{font:500 21px/1.5 var(--serif);margin:0 0 18px}
.st-txt p{margin:0 0 12px;color:var(--muted);font-size:17px;line-height:1.8}
.st-txt p.ink{color:var(--ink)}
.st-cols{columns:2;column-gap:64px}
.st-cols p{margin:0 0 14px;color:var(--muted);font-size:17px;line-height:1.8;break-inside:avoid}
.st-pull{text-align:center;max-width:860px;margin:0 auto;padding-block:8px}
.st-pull blockquote{margin:0;font:500 clamp(28px,3.4cqw,46px)/1.3 var(--serif)}
.st-pull blockquote::before,.st-pull blockquote::after{content:"";display:block;width:56px;height:1px;background:var(--walnut);margin:0 auto 26px}
.st-pull blockquote::after{margin:26px auto 0}
.st-dream{background:var(--white);border-block:1px solid var(--line)}
.st-dream .wrap{max-width:900px;text-align:center}
.st-dream h2{font:500 clamp(30px,3.2cqw,44px)/1.2 var(--serif);margin:6px 0 20px}
.st-dream p{color:var(--muted);font-size:17px;line-height:1.8;margin:0 0 12px}
.st-dream .lux{font:500 26px/1.5 var(--serif);color:var(--ink);margin:28px 0}
.st-end{text-align:center;max-width:760px;margin:0 auto}
.st-end h2{font:500 clamp(30px,3.2cqw,44px)/1.2 var(--serif);margin:6px 0 20px}
.st-end p{color:var(--muted);font-size:17px;line-height:1.8;margin:0 0 10px}
.st-end .sig{margin-top:22px}
.st-end .btn-row{justify-content:center;margin-top:28px}
@container site (max-width:1024px){
  .st-row{grid-template-columns:1fr;gap:32px}
  .st-row.rev>.st-media{order:0}
  .st-cols{columns:1}
}
@container site (max-width:640px){
  .st-hero{height:460px}
  .st-seal{width:96px;height:96px;top:20px;inset-inline-end:16px;font-size:10px}
  .st-seal b{font-size:24px}
  .st-txt p,.st-cols p,.st-dream p,.st-end p{font-size:16px}
}
.st-hero q,.st-seal{direction:ltr}

/* ===== gift card page, after golfco.co.il/buy-giftcard ===== */
.gcp-page-head{text-align:center;padding-block:48px 36px}
.gcp-page-head h1{font:500 clamp(32px,3.4cqw,44px)/1.2 var(--serif);margin:0 0 8px;letter-spacing:.06em}
.gcp-page-head .crumbs{padding:0;color:var(--walnut)}
.gcp{max-width:860px;margin:0 auto;background:var(--white);padding:44px 0 40px;text-align:center}
.gcp>*{margin-inline:auto}
.gcp-intro{max-width:620px;font-size:14px;line-height:1.6;color:var(--ink)}
.gcp-intro p{margin:0}
.gcp-h{font:500 15px var(--sans);margin:30px 0 14px}
.gcp-designs{display:flex;justify-content:center;gap:26px;padding:6px 0 20px}
.gcp-design{position:relative;width:190px;cursor:pointer;transition:transform .25s,box-shadow .25s}
.gcp-design input{position:absolute;opacity:0;pointer-events:none}
.gcp-design img{width:100%;aspect-ratio:190/268;object-fit:cover;display:block}
.gcp-design .ok{position:absolute;top:-8px;inset-inline-end:-8px;width:20px;height:20px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 2px var(--white);opacity:0;transition:opacity .2s}
.gcp-design .ok::after{content:"";position:absolute;inset:5px 6px 7px;border:solid #fff;border-width:0 0 1.5px 1.5px;transform:rotate(-45deg)}
.gcp-design.on{box-shadow:0 14px 28px rgba(30,27,24,.22)}
.gcp-design.on .ok{opacity:1;background:var(--walnut)}
.gcp-design:not(.on){opacity:.88}
.gcp-amounts{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:20px}
.gcp-amt{min-width:80px;height:40px;padding:0 18px;background:#4A4542;color:#fff;border:1px solid #4A4542;font:500 14px var(--sans);cursor:pointer}
.gcp-amt:hover{background:var(--ink)}
.gcp-amt.on{background:var(--walnut);border-color:var(--walnut)}
.gcp-custom{max-width:260px}
.gcp-sep{border:0;border-top:1px solid var(--line);width:640px;max-width:calc(100% - 40px);margin:36px auto 20px}
.gcp-sub{font-size:14px;margin-bottom:6px}
.gcp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 14px;width:640px;max-width:calc(100% - 40px);align-items:end}
.gcp-f{position:relative;display:block;text-align:center;border-bottom:1px solid #BDB6AD;padding-top:18px}
.gcp-f input,.gcp-f textarea{width:100%;border:0;background:transparent;font:14px var(--sans);color:var(--ink);text-align:center;padding:6px 0 8px;outline:none;resize:vertical}
.gcp-f>span{position:absolute;inset-inline:0;top:22px;font-size:13px;color:var(--muted);pointer-events:none;transition:top .15s,font-size .15s}
.gcp-f input:focus+span,.gcp-f input:not(:placeholder-shown)+span,.gcp-f textarea:focus+span,.gcp-f textarea:not(:placeholder-shown)+span{top:0;font-size:11px}
.gcp-f.err{border-bottom-color:var(--sale)}
.gcp-f.err>span{color:var(--sale)}
.gcp-date{display:flex;gap:6px;align-items:end;border-bottom:1px solid #BDB6AD}
.gcp-date .lbl{position:absolute;top:0;inset-inline:0;font-size:13px;color:var(--ink);text-align:start}
.gcp-date input{flex:1;min-width:0;padding-inline:0;font-size:13px}
.gcp-select{display:block;grid-column:1}
.gcp-select select{width:100%;height:38px;border:1px solid #BDB6AD;border-radius:19px;background:transparent;padding-inline:16px;font:13px var(--sans);color:var(--muted);appearance:auto;margin-top:14px}
.gcp-ta{width:640px;max-width:calc(100% - 40px);margin-top:24px}
.gcp-terms{display:flex;gap:10px;align-items:center;justify-content:flex-start;width:640px;max-width:calc(100% - 40px);font-size:13px;margin-top:26px;cursor:pointer}
.gcp-terms input{position:absolute;opacity:0}
.gcp-terms a{text-decoration:underline}
.gcp-err{max-width:640px;margin:16px auto 0}
.gcp-cta{margin-top:36px}
.gcp-pay{min-width:120px;height:42px;background:#4A4542;border-color:#4A4542}
.gcp-pay:hover{background:var(--ink)}
@container site (max-width:900px){
  .gcp{padding:32px 0}
  .gcp-designs{gap:12px;padding-inline:12px}
  .gcp-design{width:31%}
  .gcp-grid{grid-template-columns:1fr}
  .gcp-amounts{gap:10px;padding-inline:12px}
  .gcp-amt{min-width:0;flex:1 0 28%}
}

/* side cart: quantity + remove per line */
.gd .drawer .dr-ctl{display:flex;align-items:center;gap:12px;margin-top:6px}
.gd .drawer .dr-qty{width:84px;height:30px;font-size:13px}
.gd .drawer .dr-rm{font-size:12px}
.gd .drawer.busy .body{opacity:.55;pointer-events:none}
.gd .drawer .row{align-items:start}

/* ===== v1.3 — client round 2 ===== */

/* modern headings: Heebo instead of Frank Ruhl Libre */
:root{--serif:"Heebo",Arial,sans-serif}

/* new logo (SVG, wide) */
.hdr .logo img{height:30px;width:auto;mix-blend-mode:normal}
.ftr .logo img{height:26px;width:auto;mix-blend-mode:normal}
.co-hdr .logo img{height:26px;width:auto;mix-blend-mode:normal}
@container site (max-width:640px){ .hdr .logo img{height:20px} }

/* home hero: much lower */
.hero{height:440px}
@container site (max-width:640px){ .hero{height:340px} }

/* category row in the header: all white */
.hdr .nav{background:var(--white);border-top:1px solid var(--line);padding-top:12px;margin-top:2px}
.hdr .nav .dd-in{background:var(--white)}

/* category page hero banner (per main category image) */
.cat-hero{position:relative;background:var(--ink) center/cover no-repeat;min-height:300px;display:flex;align-items:center}
.cat-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(to left,rgba(246,242,236,.95) 0%,rgba(246,242,236,.82) 32%,rgba(246,242,236,0) 64%)}
.cat-hero .wrap{position:relative;width:100%;padding-block:28px 36px}
.cat-hero .crumbs{padding-block:0 18px}
.cat-hero h1{font:500 clamp(32px,3.6cqw,48px)/1.15 var(--serif);margin:0 0 8px;max-width:14em}
.cat-hero p{margin:0;color:var(--ink);opacity:.8;max-width:30em}
.cat-hero .eyebrow{color:var(--walnut);font-size:15px;margin-bottom:6px}
.cas-tpl>.chips{margin-top:24px}
@container site (max-width:640px){
  .cat-hero{min-height:220px}
  .cat-hero::before{background:linear-gradient(to left,rgba(246,242,236,.94),rgba(246,242,236,.7))}
}

/* product page: three check lines instead of the perks box */
.checks{list-style:none;margin:24px 0;padding:18px 0;border-block:1px solid var(--line);display:grid;gap:10px;font-size:15px}
.checks li{display:flex;align-items:center;gap:10px}
.checks li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--ink);flex:none;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='9'/%3E%3C/svg%3E");
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.5L13 6.5' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E")}

/* ===== business gifts page (after elitaofek.co.il/אליטה-לעסקים) ===== */
.b2b-title{text-align:center;padding-block:56px 44px;background:var(--white);border-bottom:1px solid var(--line)}
.b2b-title .eyebrow{color:var(--walnut)}
.b2b-title h1{font:500 clamp(30px,3.4cqw,46px)/1.2 var(--serif);margin:8px auto 0;max-width:20em}
.b2b-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.b2b-split img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:18px}
.b2b-split.rev>.b2b-media{order:2}
.b2b-split h2{font:500 clamp(26px,2.8cqw,38px)/1.25 var(--serif);margin:0 0 16px}
.b2b-split p{margin:0 0 22px;color:var(--muted);font-size:17px;line-height:1.75}
.b2b-list{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:14px}
.b2b-list li{display:flex;gap:12px;align-items:baseline;font-size:17px}
.b2b-list li::before{content:"✓";color:var(--walnut);font-weight:600;flex:none}
.b2b-lead{background:var(--ink);color:#F6F2EC}
.b2b-lead .wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center}
.b2b-lead h2{font:500 clamp(26px,2.8cqw,38px)/1.25 var(--serif);margin:8px 0 14px}
.b2b-lead p{opacity:.8;margin:0}
.b2b-lead .eyebrow{color:#C9A47E}
.b2b-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
.b2b-f{position:relative;display:block;border-bottom:1px solid rgba(246,242,236,.35);padding-top:18px}
.b2b-f.w{grid-column:1/-1}
.b2b-f input,.b2b-f textarea{width:100%;border:0;background:transparent;color:#F6F2EC;font:15px var(--sans);padding:6px 0 8px;outline:none;resize:vertical}
.b2b-f>span{position:absolute;inset-inline-start:0;top:22px;font-size:14px;color:rgba(246,242,236,.6);pointer-events:none;transition:top .15s,font-size .15s}
.b2b-f input:focus+span,.b2b-f input:not(:placeholder-shown)+span,.b2b-f textarea:focus+span,.b2b-f textarea:not(:placeholder-shown)+span{top:0;font-size:11px}
.b2b-f.err{border-bottom-color:#E48B7E}
.b2b-hp{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);opacity:0}
.b2b-consent{display:flex;gap:10px;align-items:center;font-size:13px;margin:22px 0 18px;cursor:pointer;opacity:.9}
.b2b-consent input{position:absolute;opacity:0}
.b2b-consent .box{border-color:#F6F2EC}
.b2b-consent .box.on{background:#F6F2EC;color:var(--ink)}
.b2b-consent a{text-decoration:underline}
.b2b-err{color:#F0A497;margin:0 0 12px}
.b2b-ok{font-size:17px;line-height:1.6;padding:18px 0}
.b2b-logos{text-align:center}
.b2b-logos h2{font:500 26px var(--serif);margin:0 0 28px}
.b2b-logos .row6{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.b2b-logos .row6 .placeholder{aspect-ratio:3/2;font-size:12px}
@container site (max-width:1024px){
  .b2b-split,.b2b-lead .wrap{grid-template-columns:1fr;gap:32px}
  .b2b-split.rev>.b2b-media{order:0}
  .b2b-logos .row6{grid-template-columns:repeat(3,1fr)}
}
@container site (max-width:640px){ .b2b-grid{grid-template-columns:1fr} }

/* hero title sized for Heebo + the lower hero */
.hero h1{font-size:clamp(30px,3.4cqw,48px)}

/* ===== v1.4 — live store compatibility ===== */
.bar:empty{display:none}

/* WooCommerce price html (sale / Woo Discount Rules) laid out as the concept: new price first, old price small */
.price{flex-wrap:wrap}
.price ins{text-decoration:none;color:var(--sale);order:-1}
.price del{color:var(--muted);font-size:.87em;opacity:1}
.price del .amount,.price ins .amount{color:inherit}
.price .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.price .woocommerce-price-suffix{font-size:12px;color:var(--muted)}

/* native WooCommerce buy box (variations, out-of-stock + waitlist) in the concept's style */
.cas-native form.cart{display:grid;gap:14px;margin:0}
.cas-native table.variations{border-collapse:collapse;width:100%}
.cas-native table.variations th,.cas-native table.variations td{display:block;text-align:start;padding:0}
.cas-native table.variations th label{font-size:14px;font-weight:400;color:var(--muted)}
.cas-native table.variations td{padding-bottom:12px}
.cas-native select{width:100%;height:48px;border:1px solid var(--line);background:var(--white);padding:0 14px;font:15px var(--sans);color:var(--ink);border-radius:0}
.cas-native .reset_variations{font-size:12px;color:var(--muted);margin-top:6px;display:inline-block}
.cas-native .woocommerce-variation-price .price{font-size:20px}
.cas-native .woocommerce-variation-add-to-cart,.cas-native form.cart:not(.variations_form){display:grid;grid-template-columns:120px 1fr;gap:8px}
.cas-native .quantity input{width:100%;height:54px;border:1px solid var(--line);background:var(--white);text-align:center;font:15px var(--sans)}
.cas-native .single_add_to_cart_button{height:54px;background:var(--ink);color:#fff;border:1px solid var(--ink);font:500 15px var(--sans);cursor:pointer;border-radius:0}
.cas-native .single_add_to_cart_button.disabled{opacity:.45}
.cas-native .stock{font-size:14px;margin:0 0 10px;color:var(--muted)}
.cas-native .stock.out-of-stock{color:var(--sale)}
.cas-native .wcwl_elements,.cas-native [class*=wcwl]{font-size:14px}
.cas-native [class*=wcwl] input[type=email]{height:46px;border:1px solid var(--line);background:var(--white);padding:0 12px;font:14px var(--sans);width:100%;margin:8px 0}
.cas-native [class*=wcwl] button,.cas-native [class*=wcwl] .button{height:46px;padding:0 22px;background:var(--ink);color:#fff;border:1px solid var(--ink);font:500 14px var(--sans);cursor:pointer}

/* product description from the store */
.pdesc{margin-top:22px;color:var(--muted);font-size:15px;line-height:1.75}
.pdesc p{margin:0 0 10px}
.pdesc img{height:auto}