/* Alumawood Repair & Replacement Parts Benefits v2 – styles core blocks inside the .arb group */
.arb{--arb-primary:#2f3a45;--arb-accent:#fe9800;--arb-ink:#1f2328;--arb-muted:#5b6470;--arb-line:#e3e6ea;--arb-tint:#f5f6f8;--arb-r:14px;
  color:var(--arb-ink);font-size:16px;line-height:1.6;box-sizing:border-box}
.arb *,.arb *::before,.arb *::after{box-sizing:border-box}
.wp-block-group.arb{max-width:1180px;margin-left:auto!important;margin-right:auto!important;margin-bottom:2.5rem}
.arb h2,.arb h3{color:var(--arb-ink);line-height:1.2;letter-spacing:-.01em;font-weight:700;margin-bottom:0}
.arb p{margin-bottom:0}
.arb a{color:var(--arb-primary);text-decoration:underline;text-underline-offset:2px}
.arb > * + *{margin-top:1.25rem}

/* Buttons */
.arb .arb-btns{gap:.75rem;margin-top:1.5rem}
.arb .wp-block-button .wp-block-button__link{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.4rem;border-radius:999px;font-weight:700;font-size:1rem;line-height:1.1;text-decoration:none;border:2px solid transparent;transition:transform .15s ease,background .15s ease}
.arb .wp-block-button .wp-block-button__link:hover{transform:translateY(-1px)}
.arb .wp-block-button .wp-block-button__link:focus-visible{outline:3px solid var(--arb-accent);outline-offset:3px}
.arb .arb-btn--accent .wp-block-button__link{background:var(--arb-accent);color:#1b1b1b;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.arb .arb-btn--ghost .wp-block-button__link{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.arb .arb-btn--ghost .wp-block-button__link:hover{background:rgba(255,255,255,.12)}

/* Hero */
.arb .arb-hero{background:linear-gradient(135deg,var(--arb-primary) 0%,color-mix(in srgb,var(--arb-primary) 72%,#000) 100%);color:#fff;border-radius:var(--arb-r);padding:clamp(2rem,5vw,4rem) clamp(1.25rem,4vw,3.5rem);position:relative;overflow:hidden}
.arb .arb-hero::after{content:"";position:absolute;right:-10%;bottom:-55%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--arb-accent) 35%,transparent) 0%,transparent 65%);pointer-events:none}
.arb .arb-hero > *{position:relative;z-index:1;max-width:720px}
.arb .arb-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:700;color:var(--arb-accent);margin:0}
.arb .arb-hero__title{font-size:clamp(1.9rem,4.5vw,3rem);color:#fff;margin-top:.75rem}
.arb .arb-hero__title strong{color:var(--arb-accent);font-weight:inherit}
.arb .arb-hero__lead{font-size:clamp(1.02rem,1.6vw,1.18rem);margin-top:1rem;color:rgba(255,255,255,.88)}
.arb .arb-chips{list-style:none;margin:1.5rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;font-size:.95rem;color:rgba(255,255,255,.9)}
.arb .arb-chips li{margin:0;padding-left:1.5rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe9800' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") no-repeat left center/1.05rem}

/* Sections */
.arb .arb-sec{padding:clamp(2rem,4vw,3.25rem) clamp(1rem,3vw,2rem);border-radius:var(--arb-r)}
.arb .arb-sec--tint{background:var(--arb-tint)}
.arb .arb-sec__head{text-align:center;max-width:680px;margin:0 auto 2rem}
.arb .arb-sec__head h2{font-size:clamp(1.5rem,3vw,2.1rem);margin-top:0}
.arb .arb-sub{color:var(--arb-muted);margin-top:.5rem;font-size:1.05rem}
.arb .arb-note{text-align:center;margin-top:1.5rem;color:var(--arb-muted)}
.arb .arb-grid{gap:1.1rem}
.arb .arb-grid > *{margin:0}

/* Benefit cards */
.arb .arb-card{background:#fff;border:1px solid var(--arb-line);border-radius:var(--arb-r);padding:1.4rem;transition:box-shadow .2s ease,transform .2s ease}
.arb .arb-card:hover{box-shadow:0 10px 28px rgba(20,30,40,.08);transform:translateY(-2px)}
.arb .arb-card::before{content:"";display:block;width:46px;height:46px;border-radius:12px;margin-bottom:.9rem;background:var(--arb-icon,none) no-repeat center/24px,color-mix(in srgb,var(--arb-accent) 16%,#fff)}
.arb .arb-card h3{font-size:1.08rem;margin:0 0 .4rem}
.arb .arb-card p{color:var(--arb-muted);font-size:.96rem;margin:0}
.arb .arb-i-piggy{--arb-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a5800' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 9c1.1 0 2 .9 2 2v2h-2.2a6 6 0 0 1-1.8 2.5V19h-3v-2h-4v2H7v-3.5A6 6 0 0 1 5 11a6 6 0 0 1 6-6h3.5L17 3v3.2A6 6 0 0 1 19 9Z'/%3E%3Ccircle cx='15' cy='10' r='1'/%3E%3C/svg%3E")}
.arb .arb-i-fit{--arb-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a5800' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6v4h4v6h-4v-2a2 2 0 1 0-4 0v2H7v4H3v-6h2a2 2 0 1 0 0-4H3V3h6Z'/%3E%3Cpath d='M15 13h4v8h-8v-4'/%3E%3C/svg%3E")}
.arb .arb-i-brush{--arb-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a5800' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 2l4 4-9.5 9.5-4-4L18 2Z'/%3E%3Cpath d='M8.5 11.5L6 14c-2 0-3 1.5-3 3.5S2 21 2 21s3.5 0 5.5-1 3-2.5 3-4.5l2-2'/%3E%3C/svg%3E")}
.arb .arb-i-drop{--arb-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a5800' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5s7 7.6 7 12.5a7 7 0 0 1-14 0c0-4.9 7-12.5 7-12.5Z'/%3E%3Cpath d='M9 15a3 3 0 0 0 3 3'/%3E%3C/svg%3E")}
.arb .arb-i-shield{--arb-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a5800' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l8 3v6c0 5-3.4 9.4-8 11-4.6-1.6-8-6-8-11V5l8-3Z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E")}
.arb .arb-i-tool{--arb-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a5800' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0 5 5L22 14l-8 8-2.3-2.3a4 4 0 0 0-5-5L2 10l8-8 2.3 2.3a4 4 0 0 0 2.4 2Z'/%3E%3C/svg%3E")}
.arb .arb-i-truck{--arb-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a5800' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 4h13v11H1zM14 8h4l4 4v3h-8z'/%3E%3Ccircle cx='5.5' cy='18' r='2'/%3E%3Ccircle cx='17.5' cy='18' r='2'/%3E%3C/svg%3E")}
.arb .arb-i-chat{--arb-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a5800' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L3 21l1.9-6.1A8 8 0 1 1 21 12Z'/%3E%3Cpath d='M8 11h8M8 14h5'/%3E%3C/svg%3E")}

/* Problem -> part */
.arb .arb-fix{position:relative;padding:1rem 1.15rem;background:#fff;border:1px solid var(--arb-line);border-left:4px solid var(--arb-accent);border-radius:10px;transition:box-shadow .2s ease}
.arb .arb-fix:hover{box-shadow:0 8px 22px rgba(20,30,40,.08)}
.arb .arb-fix p{margin:0}
.arb .arb-fix__problem{font-weight:600}
.arb .arb-fix__part{margin-top:.35rem!important;font-size:.93rem;font-weight:700}
.arb .arb-fix__part a{text-decoration:none;color:var(--arb-primary)}
.arb .arb-fix:hover .arb-fix__part a{text-decoration:underline}
body:not(.editor-styles-wrapper) .arb .arb-fix__part a::after{content:"";position:absolute;inset:0;border-radius:10px}

/* Repair vs replace */
.arb .arb-compare__grid{max-width:920px;margin-left:auto!important;margin-right:auto!important}
.arb .arb-compare__col{border-radius:var(--arb-r);padding:1.5rem 1.6rem;border:1px solid var(--arb-line)}
.arb .arb-compare__col h3{font-size:1.15rem;margin:0 0 1rem}
.arb .arb-compare__col ul{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}
.arb .arb-compare__col li{margin:0;padding-left:1.8rem;background-repeat:no-repeat;background-position:0 .2em;background-size:1.15rem}
.arb .arb-compare__col--good{background:#fff;border:2px solid var(--arb-accent);box-shadow:0 10px 28px rgba(20,30,40,.07)}
.arb .arb-checks li{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e8e4e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.arb .arb-compare__col--bad{background:var(--arb-tint);color:var(--arb-muted)}
.arb .arb-xs li{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b6402f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}

/* Steps */
.arb .arb-steps__grid{counter-reset:arbstep;max-width:1000px;margin-left:auto!important;margin-right:auto!important}
.arb .arb-step{counter-increment:arbstep;background:#fff;border:1px solid var(--arb-line);border-radius:var(--arb-r);padding:1.5rem}
.arb .arb-step::before{content:counter(arbstep);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--arb-primary);color:#fff;font-weight:800;margin-bottom:.8rem}
.arb .arb-step h3{font-size:1.1rem;margin:0 0 .35rem}
.arb .arb-step p{color:var(--arb-muted);font-size:.96rem;margin:0}

/* FAQ */
.arb .arb-faq__list{max-width:820px;margin:0 auto;display:grid;gap:.6rem}
.arb .arb-faq__list > *{margin:0}
.arb .arb-faq__item{border:1px solid var(--arb-line);border-radius:10px;background:#fff;overflow:hidden;padding:0}
.arb .arb-faq__item summary{cursor:pointer;list-style:none;padding:1rem 3rem 1rem 1.15rem;font-weight:700;position:relative}
.arb .arb-faq__item summary::-webkit-details-marker{display:none}
.arb .arb-faq__item summary::after{content:"+";position:absolute;right:1.15rem;top:50%;transform:translateY(-50%);font-size:1.4rem;font-weight:400;color:var(--arb-accent);line-height:1}
.arb .arb-faq__item[open] summary::after{content:"\2212"}
.arb .arb-faq__item summary:focus-visible{outline:3px solid var(--arb-accent);outline-offset:-3px}
.arb .arb-faq__item > :not(summary){margin:0;padding:0 1.15rem 1.1rem;color:var(--arb-muted)}

/* Closing CTA */
.arb .arb-cta{text-align:center;background:var(--arb-primary);color:#fff;border-radius:var(--arb-r);padding:clamp(2rem,5vw,3.25rem) 1.25rem}
.arb .arb-cta h2{font-size:clamp(1.5rem,3vw,2.1rem);color:#fff;margin:0}
.arb .arb-cta p{color:rgba(255,255,255,.85);margin-top:.5rem}
.arb .arb-cta .arb-cta__contact{margin-top:1.25rem;font-weight:600}
.arb .arb-cta__contact a{color:#fff}
.arb .arb-hero a:not(.wp-block-button__link),.arb .arb-cta a:not(.wp-block-button__link){color:#fff}

@media (prefers-reduced-motion:reduce){.arb *{transition:none!important}}
@media (max-width:520px){.arb .arb-btns .wp-block-button{width:100%}.arb .arb-btns .wp-block-button__link{width:100%;justify-content:center}}
.arb .arb-compare__grid.is-layout-grid{grid-template-columns:repeat(auto-fit,minmax(min(17rem,100%),1fr))}
.arb .arb-steps__grid.is-layout-grid{grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr))}
