
/* ofer-accessibility.css */
/* Scope the existing Accessibility Lite widget to Ofer's red, concrete and white palette. */
body.acl-sitelinx #sitelinx-toggle-toolbar {
  width:52px!important;height:52px!important;padding:6px!important;
  border:2px solid #fff!important;box-shadow:0 0 0 1px #c9232c,0 4px 16px #0002!important;
  z-index:1000001!important;cursor:pointer;display:grid;place-items:center;
}
body.acl-sitelinx #sitelinx-toggle-toolbar img {display:none!important}
body.acl-sitelinx #sitelinx-toggle-toolbar::before {
  content:"";display:block;width:36px;height:36px;
  background:url("https://www.ofer.co.il/wp-content/plugins/ofer-native-catalog/accessibility-person.svg") center/contain no-repeat;
}
body.acl-sitelinx #sitelinx-toggle-toolbar:focus-visible,
body.acl-sitelinx #sitelinx-toolbar :focus-visible {
  outline:3px solid #c9232c!important;outline-offset:4px!important;
}
body.acl-sitelinx #sitelinx-toolbar {
  box-sizing:border-box;width:min(340px,calc(100vw - 24px));min-width:0;
  top:12px!important;bottom:auto;max-height:calc(100dvh - 24px);padding:14px 18px 18px;
  overflow:auto;background:#fff;color:#252528;border:1px solid #d9d9d9;
  border-top:4px solid #c9232c;border-radius:12px;box-shadow:0 14px 50px #0003;
  z-index:1000003!important;transition:transform .18s ease,opacity .18s ease;
  right:12px!important;transform:translateX(calc(100% + 30px));opacity:0;visibility:hidden;
}
body.acl-sitelinx #sitelinx-toolbar.active {transform:none;opacity:1;visibility:visible}
body.acl-sitelinx #sitelinx-black-screen {z-index:1000002!important;background:#0005}
body.acl-sitelinx #sitelinx-toolbar .sitelinx-toolbar-heading {padding:8px 32px 18px}
body.acl-sitelinx #sitelinx-toolbar .toolbar-heading-text {font-size:23px;line-height:1.3;margin:0;font-weight:700}
body.acl-sitelinx #sitelinx-toolbar .sitelinx-main-nav {padding:0!important;max-height:none;overflow:visible}
body.acl-sitelinx #sitelinx-toolbar .ul-sub {padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.acl-sitelinx #sitelinx-toolbar .ul-sub li {margin:0;padding:0;list-style:none}
body.acl-sitelinx #sitelinx-toolbar .ul-sub p[role="button"] {
  min-height:44px;box-sizing:border-box;margin:0 0 8px;padding:9px 7px;
  text-align:center;border:1px solid #ddd;border-radius:5px;background:#f7f7f7;
  display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;
}
body.acl-sitelinx #sitelinx-toolbar .ul-sub p[role="button"] span {font-size:14px;line-height:1.35;padding:0;margin:0}
body.acl-sitelinx #sitelinx-toolbar .ul-sub p[role="button"]:hover {border-color:#c9232c;background:#faf1f2}
body.acl-sitelinx #sitelinx-toolbar .ul-sub p.sitelinx-active {border-color:#c9232c;background:#fae9eb;color:#9b1420}
body.acl-sitelinx #sitelinx-close-toolbar {width:40px;height:40px;top:6px;left:6px;right:auto;border:0;background:transparent}
body.acl-sitelinx #sitelinx-toolbar a[data-ofer-statement] {display:block;margin-top:16px;padding:10px;font-size:15px;text-align:center;color:#a61923;text-decoration:underline}
body.acl-sitelinx #sitelinx-toolbar .sitelinx-logolight {margin-top:12px}
@media(max-width:600px){body.acl-sitelinx #sitelinx-toggle-toolbar{width:46px!important;height:46px!important;right:9px!important}body.acl-sitelinx #sitelinx-toggle-toolbar::before{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){body.acl-sitelinx #sitelinx-toolbar{transition:none}}


/* footer-contact-alignment.css */
/* One consistent grid for the four footer contact details, across every page. */
body#top #contact.concrete-footer .footer-address{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;
 column-gap:28px;row-gap:20px;padding-block:28px;font-style:normal;
}
body#top #contact.concrete-footer .footer-address>a,
body#top #contact.concrete-footer .footer-address>p{
 display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;
 gap:12px;grid-row:auto;min-width:0;min-height:64px;margin:0;padding:0;
 font-size:16px;line-height:26px;text-align:start;
}
body#top #contact.concrete-footer .footer-address .footer-contact-copy{
 display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:20px auto;
 align-content:start;align-items:start;justify-items:start;gap:4px;min-width:0;
}
body#top #contact.concrete-footer .footer-address .footer-contact-copy>small{
 display:block;margin:0;font-size:12px;font-weight:400;line-height:20px;
}
body#top #contact.concrete-footer .footer-address .footer-contact-copy>bdi,
body#top #contact.concrete-footer .footer-address .footer-contact-copy>span{
 display:block;margin:0;font-size:16px;font-weight:450;line-height:26px;
 overflow-wrap:anywhere;
}
body#top #contact.concrete-footer .footer-address>a:first-of-type .footer-contact-copy>bdi{
 font-size:21px;line-height:26px;white-space:nowrap;
}
body#top #contact.concrete-footer .footer-address> :is(a,p)>svg{
 width:24px;height:24px;margin:13px 0 0;align-self:start;flex:none;
}
@media(max-width:1050px){
 body#top #contact.concrete-footer .footer-address{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;}
}
@media(max-width:600px){
 body#top #contact.concrete-footer .footer-address{grid-template-columns:minmax(0,1fr);gap:16px;padding-block:24px;}
 body#top #contact.concrete-footer .footer-address>a,
 body#top #contact.concrete-footer .footer-address>p{min-height:56px;}
}


/* mobile-header-collapse.css */
.ofer-mobile-header-spacer{display:none}
@media(max-width:750px){
 body[data-ofer-mobile-collapse] #ofr-header .product-bar{
  box-sizing:border-box;height:var(--ofer-mobile-category-height,auto);
  transition:height 200ms ease,opacity 160ms ease;opacity:1;
 }
 body[data-ofer-mobile-collapse] #ofr-header.ofer-categories-collapsed .product-bar{
  height:0!important;min-height:0!important;padding-block:0!important;border-block-width:0!important;
  overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;
 }
 body[data-ofer-mobile-collapse] .ofer-mobile-header-spacer{
  display:block;height:0;pointer-events:none;overflow-anchor:none;transition:height 200ms ease;
 }
 body[data-ofer-mobile-collapse] .ofer-mobile-header-spacer.is-collapsed{height:var(--ofer-mobile-category-height,0px)}
}
@media(prefers-reduced-motion:reduce){
 body[data-ofer-mobile-collapse] #ofr-header .product-bar,
 body[data-ofer-mobile-collapse] .ofer-mobile-header-spacer{transition:none}
}


/* contact-email.css */
#ofer-inquiry-form .ofer-inquiry-trap{position:absolute!important;inset-inline-start:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
#ofer-inquiry-form button[type=submit]{min-height:44px;cursor:pointer}
#ofer-inquiry-form button[type=submit]:disabled{opacity:.65;cursor:wait}
#ofer-inquiry-form[aria-busy=true] input,#ofer-inquiry-form[aria-busy=true] textarea{opacity:.8}
#ofer-inquiry-status:not(:empty){padding:16px 20px;margin-top:18px;border:1px solid #9f8759;border-radius:4px;background:rgba(159,135,89,.06);color:#2d2d30;font-size:16px;line-height:1.7}
#ofer-inquiry-status[data-state=error]{border-color:#b72e2b;background:rgba(183,46,43,.04)}
#ofer-inquiry-status:focus-visible{outline:2px solid #9f8759;outline-offset:4px}
.ofer-inquiry-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:24px 28px;border:1px solid #b9a47f;border-top:3px solid #ba2d2b;border-radius:10px;background:#faf9f7;color:#2d2d30;box-shadow:0 24px 90px #0004;overflow:auto;overscroll-behavior:contain;text-align:right;font-family:inherit}
.ofer-inquiry-dialog::backdrop{background:rgba(28,29,30,.55);backdrop-filter:blur(4px)}
.ofer-inquiry-dialog .ofer-inquiry-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ofer-inquiry-dialog .ofer-inquiry-eyebrow{font-size:12px;color:#756143;line-height:1.5}
.ofer-inquiry-dialog .ofer-inquiry-close{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;background:transparent;color:#333;cursor:pointer;flex:none}
.ofer-inquiry-dialog svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ofer-inquiry-dialog h2{font-size:28px;line-height:1.3;letter-spacing:-.5px;margin:8px 0 10px;color:#2d2d30}
.ofer-inquiry-dialog #ofer-product-inquiry-description{font-size:15px;line-height:1.6;margin:0;color:#626262}
.ofer-inquiry-dialog .ofer-inquiry-product{font-size:15px;line-height:1.5;font-weight:600;margin:12px 0 20px;padding-bottom:16px;border-bottom:1px solid #dedbd5;overflow-wrap:anywhere}
.ofer-inquiry-dialog .ofer-inquiry-field{display:grid;gap:6px;margin-bottom:14px}
.ofer-inquiry-dialog .ofer-inquiry-field label{font-size:14px;line-height:1.5;font-weight:500;color:#333}
.ofer-inquiry-dialog .ofer-inquiry-field input{box-sizing:border-box;width:100%;min-width:0;height:46px;padding:9px 12px;border:1px solid #ccc8c1;border-radius:4px;background:#fff;color:#252525;font:inherit;font-size:16px;line-height:1.5}
.ofer-inquiry-dialog :is(input,button):focus-visible{outline:2px solid #9f8759;outline-offset:3px}
.ofer-inquiry-dialog .ofer-inquiry-submit{display:flex;align-items:center;justify-content:center;gap:24px;width:100%;min-height:46px;margin-top:20px;padding:10px 18px;border:1px solid #9f8759;border-radius:4px;background:transparent;color:#2d2d30;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.ofer-inquiry-dialog .ofer-inquiry-submit:hover{background:rgba(159,135,89,.08)}
.ofer-inquiry-dialog .ofer-inquiry-submit:disabled{opacity:.65;cursor:wait}
.ofer-inquiry-dialog .ofer-inquiry-hint{font-size:12px;line-height:1.5;color:#686868;margin:10px 0 0}
.ofer-inquiry-dialog .ofer-inquiry-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
.ofer-inquiry-dialog #ofer-product-inquiry-status{font-size:15px;line-height:1.6;margin:0}
.ofer-inquiry-dialog #ofer-product-inquiry-status:not(:empty){margin-top:16px;padding:12px;border:1px solid #9f8759;border-radius:4px;background:rgba(159,135,89,.06)}
.ofer-inquiry-dialog #ofer-product-inquiry-status[data-state=error]{border-color:#b72e2b;background:rgba(183,46,43,.04)}
@media(max-width:600px){.ofer-inquiry-dialog{padding:18px 20px}.ofer-inquiry-dialog h2{font-size:25px}}


/* mobile-nav-positions.css */
/* Owner-requested mobile swap: menu at the right edge, phone at the left. */
@media(max-width:750px){
 body[data-ofer-bilingual-brand] #ofr-shell #ofr-header .compact-tools,
 body[data-ofer-bilingual-brand] #ofr-shell #ofr-header .ofr-mobile-actions{position:static;transform:none!important}
 body[data-ofer-bilingual-brand] #ofr-shell #ofr-header .ofr-mobile-actions>[data-open-menu]{position:absolute;right:0;left:auto;top:50%;transform:translateY(-50%);margin:0}
 body[data-ofer-bilingual-brand] #ofr-shell #ofr-header .compact-mobile-phone{position:absolute;left:0;right:auto;top:50%;transform:translateY(-50%);margin:0;grid-area:auto}
 body[data-ofer-bilingual-brand] #ofr-shell #ofr-header .ofr-mobile-actions>[data-open-search]{position:absolute;left:44px;right:auto;top:50%;transform:translateY(-50%);margin:0}
}


/* mobile-viewport-containment.css */
/* Keep mobile pages within the viewport without creating a new sticky scroll ancestor.
 * The logo-strip rule previously extended 18px beyond a container with only 6px gutters.
 * Keep pinch zoom and internal scrollable tables/dialogs available.
 */
@media (max-width: 750px) {
  html { overflow-x: hidden; overscroll-behavior-x: none; }
  body[data-ofer-bilingual-brand] { overscroll-behavior-x: none; }
  body[data-ofer-bilingual-brand] #ofr-shell #ofr-header .compact-identity::after {
    left: -6px;
    right: -6px;
  }
  @supports (overflow-x: clip) {
    html, body[data-ofer-bilingual-brand] { overflow-x: clip; }
  }
}


/* product-image-sizing.css */
/* Scale the original object within its existing frame, clipping only empty margins. */
#main .ofer-product-fit-frame{position:relative;overflow:hidden}
#main .ofer-product-fit-frame>img[data-ofer-fit-zoom]{transform-origin:0 0!important;transition:none!important}
#main .product-zoom.ofer-product-fit-frame>span{z-index:1}
#main .ofer-related-fit-frame{display:block;position:relative;overflow:hidden;width:100%;height:205px}
#main .ofer-related-fit-frame>img{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:650px){#main .ofer-related-fit-frame{height:180px}}

