@font-face{
  font-family:'Archivo';
  font-style:normal;
  font-weight:400 900;
  font-display:swap;
  src:url('/fonts/archivo-var-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Archivo';
  font-style:normal;
  font-weight:400 900;
  font-display:swap;
  src:url('/fonts/archivo-var-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

html,body{margin:0;padding:0;background:#f3f2f2;color:#201e1d;font-family:'Archivo',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#201e1d;text-decoration:none}
a:hover{color:#a8210c}
input,textarea,select,button{font-family:inherit;border-radius:0}
:focus-visible{outline:2px solid #ec3013;outline-offset:2px}
::selection{background:#fbd3cb}
input[type=range]{accent-color:#ec3013}
nav{scrollbar-width:none}
nav::-webkit-scrollbar{display:none}
img{max-width:100%}

/* hover utility classes (extracted from style-hover attributes in the source design) */
.hov-a:hover{background:#201e1d!important;color:#fff!important}
.hov-b:hover{background:#a8210c!important;color:#fff!important}
.hov-c:hover{background:#fff!important;color:#201e1d!important}
.hov-d:hover{background:#d42a10!important;color:#fff!important}
.hov-e:hover{background:#a8210c!important}
.hov-f:hover{background:#2d2a29!important;color:#fff!important}
.hov-g:hover{background:#000!important;color:#fff!important}
.hov-h:hover{background:#fff!important;color:#a8210c!important}
.hov-i:hover{color:#fff!important}

/* photo boxes: fixed-height crop containers matching the design's placeholder blocks */
.ph{display:block;width:100%;height:100%;object-fit:cover}
.ph-gray{filter:grayscale(1)}

/* FAQ accordion (native <details>/<summary>, no JS) */
details.faq-item{border-bottom:2px solid #201e1d}
details.faq-item summary{list-style:none;cursor:pointer;width:100%;display:flex;justify-content:space-between;gap:16px;padding:20px 0;font-size:19px;font-weight:700;color:#201e1d}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item summary::after{content:'+';color:#ec3013;font-size:24px;line-height:1;flex-shrink:0}
details.faq-item[open] summary::after{content:'\2212'}
details.faq-item p{margin:0 0 20px;color:#4a4644;line-height:1.6;font-size:16px;max-width:640px}
details.faq-big summary{font-size:20px;padding:22px 0}
details.faq-big summary::after{font-size:26px}
details.faq-big p{font-size:17px;line-height:1.65;max-width:none}

/* generic segmented toggle button used for calculator/eshop/gallery/checkout pickers */
.seg-btn{padding:10px 16px;border:2px solid #201e1d;background:#fff;color:#201e1d;font-weight:700;cursor:pointer;font-size:15px}
.seg-btn.is-on{background:#201e1d;color:#fff}
.opt-row{display:flex;gap:14px;align-items:center;padding:16px;border:2px solid #d6d3d1;background:#fff;cursor:pointer;text-align:left;color:#201e1d;width:100%}
.opt-row.is-on{border-color:#ec3013}
.opt-dot{width:18px;height:18px;border:2px solid #201e1d;background:#fff;flex-shrink:0}
.opt-row.is-on .opt-dot{background:#ec3013}

/* cart drawer */
#cart-overlay{position:fixed;inset:0;background:rgba(32,30,29,.5);z-index:80;display:none}
#cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:#f3f2f2;z-index:81;display:none;flex-direction:column;border-left:2px solid #201e1d}
#cart-drawer.open,#cart-overlay.open{display:flex}
#cart-overlay.open{display:block}
#toast{position:fixed;top:96px;right:24px;left:auto;z-index:70;background:#201e1d;color:#fff;padding:16px 18px;max-width:360px;border-left:6px solid #ec3013;display:none;flex-direction:column;gap:6px}
#toast.open{display:flex}
#cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;max-width:980px;margin:0 auto;background:#fff;border:2px solid #201e1d;padding:22px 24px;display:none;flex-wrap:wrap;gap:18px;align-items:center;box-shadow:0 12px 40px rgba(32,30,29,.18)}
#cookie-banner.open{display:flex}

@media (max-width:640px){
  #toast{left:16px;right:16px;max-width:none}
}