/* Albizco Wood website styles
   Colours: forest #2E5A3D, dark forest #1F3F2B, leaf #3D7342, terracotta #B46130, brown text #47322D,
   body text #5B4F47, cream #F7F0E4, sand #F3E8D6, page #FFFDF9. Fonts: Plus Jakarta Sans, Caveat. */

body{margin:0}
a{color:#2E5A3D}a:hover{color:#1F3F2B}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #B46130;outline-offset:3px}
.br-green{background:url(../img/brush-green.png) center/100% 100% no-repeat}
.br-terra{background:url(../img/brush-terra.png) center/100% 100% no-repeat}
.br-forest{background:url(../img/brush-forest.png) center/100% 100% no-repeat}
.plank{background:#B98452 url(../img/tex-plank.webp) center/1600px 100% repeat-x}
.tx{background-image:url(../img/tex-wood.png)!important;background-size:1200px 420px!important;background-repeat:repeat!important}
.lift{transition:transform .3s ease,box-shadow .3s ease}
.lift:hover{transform:translateY(-5px);box-shadow:0 30px 50px -30px rgba(71,50,45,.45)}
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bento .b-wide{grid-column:span 2}
.bento .b-tall{grid-row:span 2}
.bento .card{border-radius:26px;padding:34px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
@media (max-width:900px){.bento{grid-template-columns:1fr}.bento .b-wide{grid-column:auto}.bento .b-tall{grid-row:auto;min-height:380px}}
.fld{padding:14px 16px;border:1.5px solid #D9CBB4;border-radius:12px;background:#FFFDF9;font:inherit;font-weight:500;color:#47322D}
.fld:focus{border-color:#2E5A3D}
.map{background:#EFE6D4;background-image:linear-gradient(#E4D8C1 1px,transparent 1px),linear-gradient(90deg,#E4D8C1 1px,transparent 1px);background-size:44px 44px}
.lbl{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:700}
.h2w{margin:0;font-weight:800;font-size:28px;letter-spacing:-.01em}

/* ---------- site behaviour (menu, choices, gallery, phones) ---------- */
html{scroll-behavior:smooth}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{display:none!important}
img{max-width:100%}

/* choice buttons: light tiles (.opt) and dark pills (.pill) */
.opt[aria-pressed="true"]{border-color:#2E5A3D!important;background:#E6EFE4!important}
.opt[aria-pressed="false"]{border-color:#E1D2BA!important;background:#FFFFFF!important}
.pill[aria-pressed="true"]{background:#2E5A3D!important;color:#FFFFFF!important;border-color:#2E5A3D!important}
.pill[aria-pressed="false"]{background:#FFFFFF!important;color:#47322D!important;border-color:#E1D2BA!important}
.thumb[aria-pressed="true"]{border-color:#2E5A3D!important}
.thumb[aria-pressed="false"]{border-color:transparent!important}
a[aria-current="page"][href$=".html"]{background:#2E5A3D!important;color:#FFFFFF!important;border-color:#2E5A3D!important}
.site-nav a[aria-current="page"]{background:none!important;color:#2E5A3D!important}

/* mobile menu */
.nav-toggle{display:none;width:48px;height:48px;border:1.5px solid #E1D2BA;border-radius:12px;background:#FFFFFF;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;padding:0}
.nav-toggle span:not(.sr){display:block;width:20px;height:2px;background:#47322D;border-radius:2px}
@media (max-width:900px){
  .hdr-row{flex-wrap:wrap}
  .nav-toggle{display:inline-flex}
  .site-nav{display:none!important;width:100%;flex-direction:column;gap:0!important;border-top:1px solid #EDE3D3;padding-top:6px}
  .site-nav.open{display:flex!important}
  .site-nav a{padding:12px 0!important;box-shadow:none!important}
  .hdr-cta{display:none!important}
}
@media (max-width:640px){
  .wrap{padding-left:20px!important;padding-right:20px!important}
  h1{font-size:40px!important;line-height:1.08!important}
  h2{font-size:31px!important;line-height:1.12!important}
  form[style*="padding:40px"],div[style*="padding:40px"]{padding:24px!important}
  .hdr-logo img{height:38px!important}
}
@media (max-width:900px){
  .hdr-row{gap:14px!important}
  .nav-toggle{margin-left:auto}
}
@media (max-width:640px){
  .hdr-logo > span{display:none!important}
  header > div:first-child > div > span:first-child{display:none!important}
  ul[aria-label="Partner brands"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  ul[aria-label="Partner brands"] > li{height:150px!important;padding:12px!important}
  ul[aria-label="Partner brands"] img{width:auto!important;height:auto!important;max-width:100%!important;max-height:70px!important}
}

/* ---------- liquid glass finish ----------
   Frosted, see-through panels with a bright rim and a soft top highlight.
   Applies to rounded panels by their inline background; delete this block to go back to flat panels. */
:root{
  --gl-sheen:radial-gradient(120% 70% at 15% -10%,rgba(255,255,255,.95),rgba(255,255,255,0) 55%),linear-gradient(115deg,rgba(255,255,255,0) 32%,rgba(255,255,255,.28) 44%,rgba(255,255,255,0) 56%);
  --gl-sheen-dark:radial-gradient(120% 80% at 15% -15%,rgba(255,255,255,.42),rgba(255,255,255,0) 58%),linear-gradient(115deg,rgba(255,255,255,0) 32%,rgba(255,255,255,.12) 44%,rgba(255,255,255,0) 56%);
  --gl-rim:inset 0 1.5px 0 #FFFFFF,inset 0 -1.5px 1px rgba(255,255,255,.6),inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 18px rgba(255,255,255,.5),0 0 0 1px rgba(71,50,45,.07);
  --gl-rim-dark:inset 0 1.5px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.16),inset 0 0 16px rgba(255,255,255,.12);
  --gl-drop:0 20px 44px -18px rgba(71,50,45,.4),0 2px 6px rgba(71,50,45,.06);
}
/* light panels, cards, chips and tabs */
:is(div,li,a,article,span,button,figcaption,form,figure,dl,label,details)[style*="border-radius"]:is([style*="background:#FFFFFF"],[style*="background:#FFFDF9"]):not([aria-pressed="true"]):not(.thumb){
  background:var(--gl-sheen),linear-gradient(160deg,rgba(255,255,255,.58),rgba(255,255,255,.24))!important;
  -webkit-backdrop-filter:blur(26px) saturate(200%);
  backdrop-filter:blur(26px) saturate(200%);
  border-color:rgba(255,255,255,.9)!important;
  box-shadow:var(--gl-rim),var(--gl-drop)!important;
}
/* cream panels keep their wood grain, with the glass highlight on top */
:is(div,li,a,article,span,figure,dl)[style*="border-radius"]:is([style*="background:#F7F0E4"],[style*="background:#F3E8D6"]){
  background-image:var(--gl-sheen)!important;
  box-shadow:var(--gl-rim),var(--gl-drop)!important;
}
.tx:is(div,li,a,article,span,figure,dl)[style*="border-radius"]:is([style*="background:#F7F0E4"],[style*="background:#F3E8D6"]){
  background-image:var(--gl-sheen),url(../img/tex-wood.png)!important;
  background-size:100% 100%,100% 100%,1200px 420px!important;
  background-repeat:no-repeat,no-repeat,repeat!important;
}
/* green and terracotta panels and buttons: same colour, glossy glass edge */
:is(div,li,a,article,span,button,form,aside)[style*="border-radius"]:is([style*="background:#2E5A3D"],[style*="background:#3D7342"],[style*="background:#B46130"],[style*="background:#B05D2D"],[style*="background:#9A4F24"]),
.pill[aria-pressed="true"]{
  background-image:var(--gl-sheen-dark)!important;
  box-shadow:var(--gl-rim-dark),0 14px 30px -16px rgba(31,63,43,.55)!important;
}
.opt[aria-pressed="true"]{box-shadow:var(--gl-rim),inset 0 0 0 1px rgba(46,90,61,.25)!important}
.lift:hover{box-shadow:var(--gl-rim),0 30px 50px -30px rgba(71,50,45,.45)!important}
/* small pills and chips stay brighter so their text reads on dark photos */
:is(div,li,a,article,span,button,figcaption,form,figure,dl,label,details)[style*="border-radius:999px"]:is([style*="background:#FFFFFF"],[style*="background:#FFFDF9"]):not([aria-pressed="true"]):not(.thumb){background:var(--gl-sheen),linear-gradient(160deg,rgba(255,255,255,.9),rgba(255,255,255,.7))!important}
/* partner logos keep a near-white tile so their own white backgrounds blend in */
ul[aria-label="Partner brands"] > li.lift[style*="background:#FFFFFF"][style*="border-radius"]:not(.thumb){background:var(--gl-sheen),rgba(255,255,255,.94)!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  :is(div,li,a,article,span,button,figcaption,form,figure,dl,label,details)[style*="border-radius"]:is([style*="background:#FFFFFF"],[style*="background:#FFFDF9"]):not([aria-pressed="true"]):not(.thumb){background:var(--gl-sheen),rgba(255,255,255,.92)!important}
}
@media (prefers-reduced-transparency:reduce){
  :is(div,li,a,article,span,button,figcaption,form,figure,dl,label,details)[style*="border-radius"]:is([style*="background:#FFFFFF"],[style*="background:#FFFDF9"]):not([aria-pressed="true"]):not(.thumb){background:#FFFFFF!important;-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* ---------- FAQ accordion ---------- */
.faq summary{list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq-icon{flex:0 0 32px;height:32px;border-radius:50%;background:#E6EFE4;position:relative}
.faq-icon::before,.faq-icon::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:#2E5A3D;border-radius:2px;transition:transform .25s ease}
.faq-icon::after{transform:rotate(90deg)}
.faq[open] .faq-icon::after{transform:rotate(0deg)}
.faq summary:hover h3{color:#2E5A3D}