/* Scoped to existing DIY overview and24 detail routes. Accepted surfaces stay unchanged. */
html:has(.diy-page){scroll-behavior:auto}
.diy-page{--diy-gap:clamp(30px,4.5vw,65px)}
.diy-hero{display:grid;grid-template-columns:1fr 1.03fr;gap:var(--diy-gap);align-items:center;padding-block:55px 65px}
.diy-hero h1{font-size:clamp(44px,3.8vw,56px);line-height:1.16}
.diy-hero>div>p,.diy-detail-hero-grid>div>p{font-size:17px;line-height:1.9;color:var(--muted);margin-top:25px;max-width:55ch}
.diy-hero .btn,.diy-detail-hero-grid .btn{margin-top:29px;font-size:13px}
.diy-hero-photo,.diy-detail-photo,.diy-card-photo{position:relative;overflow:hidden;border-radius:24px;background:var(--mint)}
.diy-hero-photo{aspect-ratio:1.18}
.diy-hero-photo>img,.diy-detail-photo>img{width:100%;height:100%;object-fit:cover}
.diy-catalogue{padding-bottom:70px;scroll-margin-top:24px}
.diy-filters{display:flex;flex-wrap:wrap;gap:11px;padding-block:6px}
.diy-filters a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border:1px solid var(--line);border-radius:100px;color:var(--teal);font-size:12px;line-height:1.5;font-weight:600}
.diy-filters a[aria-current=true]{color:var(--white);background:var(--teal);border-color:var(--teal)}
.diy-filters a:hover{border-color:var(--teal)}
.diy-results{font-size:13px;line-height:1.8;color:var(--muted);margin-top:18px;font-variant-numeric:tabular-nums}
.diy-category{padding-top:42px;scroll-margin-top:24px}
.diy-category h2{font-size:36px;line-height:1.3;margin-bottom:27px}
.diy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 25px;list-style:none;padding:0;margin:0}
.diy-grid>li{min-width:0}
.diy-card{display:flex;flex-direction:column;height:100%;border-radius:21px;color:var(--teal)}
.diy-card-photo{aspect-ratio:1.4;border-radius:21px}
.diy-card-photo .atlas-square,.diy-detail-photo .atlas-square{position:absolute;inset:auto;top:50%;left:0;width:100%;height:auto;aspect-ratio:1;transform:translateY(-50%)}
.diy-card-photo .atlas,.diy-detail-photo .atlas{position:absolute;width:600%;height:400%;max-width:none;left:calc(var(--col)*-100%);top:calc(var(--row)*-100%);object-fit:fill}
.diy-card-photo>img{width:100%;height:100%;object-fit:cover}
.diy-card-copy{display:flex;flex-direction:column;align-items:start;flex:1;padding-block:18px 0}
.diy-card h3{font-size:23px;line-height:1.35}
.diy-card p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:13px;margin-bottom:15px}
.diy-card-action{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:12px;font-weight:700;margin-top:auto}
.diy-card-action .icon{width:18px;height:18px}
.diy-card:hover .diy-card-action{text-decoration:underline;text-underline-offset:5px}
.diy-overview-enquiry,.diy-final{background:#edf6ee;padding-block:55px}
.diy-overview-enquiry>.wrap,.diy-final>.wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}
.diy-overview-enquiry h2,.diy-final h2{font-size:41px;line-height:1.2}
.diy-overview-enquiry p,.diy-final p{font-size:15px;line-height:1.85;color:var(--muted);margin-top:18px;max-width:66ch}
.diy-overview-enquiry .btn,.diy-final .btn{flex-shrink:0}
.diy-concept{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:14px;background:#eaf5fb;color:var(--teal)}
.diy-concept .icon{width:56px;height:56px}
.diy-concept-title{font-size:27px;font-weight:700;line-height:1.4}
.diy-concept-caption{font-size:11px;line-height:1.6}
.diy-card-photo.diy-concept{background:#fff2de}
.diy-breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:32px}
.diy-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:0;gap:7px 12px}
.diy-breadcrumbs li{display:inline-flex;gap:12px;align-items:center}
.diy-breadcrumbs li+li::before{content:'/';color:var(--muted)}
.diy-breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.diy-detail-hero{padding-block:24px 62px}
.diy-detail-hero-grid{display:grid;grid-template-columns:1fr 1.03fr;gap:var(--diy-gap);align-items:center}
.diy-detail-hero h1{font-size:clamp(45px,4.1vw,61px);line-height:1.15}
.diy-detail-photo{aspect-ratio:1.22}
.diy-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--diy-gap);padding-block:49px;border-top:1px solid var(--line)}
.diy-about-grid h2,.diy-how h2,.diy-visit h2,.diy-related h2{font-size:34px;line-height:1.3}
.diy-about-grid p,.diy-visit p{font-size:15px;line-height:1.95;color:var(--muted);margin-top:21px;max-width:65ch}
.diy-creations{list-style:none;padding:0;margin:23px 0 0;display:grid;gap:11px}
.diy-creations li{display:flex;gap:10px;align-items:flex-start;color:var(--teal);font-size:14px;line-height:1.8}
.diy-creations .icon{width:18px;height:18px;margin-top:4px}
.diy-how{padding-block:15px 60px}
.diy-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:30px 0 0;gap:30px}
.diy-steps li{border-top:1px solid var(--line);padding-top:20px}
.diy-step-number{display:block;font-size:27px;line-height:1.2;font-weight:700;color:var(--teal);font-variant-numeric:tabular-nums;margin-bottom:16px}
.diy-steps p{font-size:15px;line-height:1.85;color:var(--muted)}
.diy-materials-note{font-size:13px;color:var(--muted);line-height:1.85;margin-top:25px}
.diy-visit{padding-block:48px;background:#eaf5fb}
.diy-visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--diy-gap)}
.diy-visit address{font-style:normal;font-size:15px;line-height:1.9;color:var(--muted);margin-top:20px}
.diy-visit h3{font-size:25px;line-height:1.4;color:var(--teal)}
.diy-visit .diy-hours{font-size:14px;font-weight:600;color:var(--teal);margin-top:16px}
.diy-visit .text-link{font-size:13px;min-height:44px;margin-top:14px}
.diy-related{padding-block:57px 60px}
.diy-section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:27px}
.diy-section-heading .text-link{font-size:12px;flex-shrink:0;min-height:44px}
.diy-related .diy-card h3{font-size:21px}
.diy-related .diy-card-photo{aspect-ratio:1.55}
.diy-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--diy-gap);padding-block:0 58px}
.diy-faq h2{font-size:34px;line-height:1.3}
@media(max-width:700px){.diy-faq{grid-template-columns:1fr;gap:23px;padding-bottom:36px}.diy-faq h2{font-size:29px}}
[dir=rtl] .diy-page h1,[dir=rtl] .diy-page h2,[dir=rtl] .diy-page h3{letter-spacing:0;line-height:1.5}
@media(max-width:1000px){.diy-hero h1{font-size:43px}.diy-hero>div>p,.diy-detail-hero-grid>div>p{font-size:15px}.diy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diy-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.diy-related .diy-card h3{font-size:18px}.diy-about-grid h2,.diy-how h2,.diy-visit h2,.diy-related h2{font-size:30px}.diy-about-grid p,.diy-visit p{font-size:14px}.diy-overview-enquiry h2,.diy-final h2{font-size:35px}}
@media(max-width:700px){.diy-hero{grid-template-columns:1fr;gap:28px;padding-block:34px 37px}.diy-hero h1{font-size:42px}.diy-hero>div>p{font-size:15px;margin-top:21px}.diy-hero .btn{font-size:12px;margin-top:24px}.diy-hero-photo{aspect-ratio:1.4;border-radius:22px}.diy-filters{gap:9px}.diy-filters a{font-size:11px;padding-inline:13px;min-height:45px}.diy-results{font-size:12px;margin-top:15px}.diy-category{padding-top:30px}.diy-category h2{font-size:29px;margin-bottom:21px}.diy-grid{gap:26px 17px}.diy-card-photo{aspect-ratio:1.05;border-radius:17px}.diy-card-photo .placeholder{font-size:8px;padding:4px 5px;inset-inline-end:6px;bottom:6px}.diy-card-copy{padding-top:13px}.diy-card h3{font-size:18px}.diy-card p{font-size:12px;line-height:1.85;margin-top:11px;margin-bottom:8px}.diy-card-action{font-size:10px;gap:8px}.diy-card-action .icon{width:16px;height:16px}.diy-catalogue{padding-bottom:43px}.diy-overview-enquiry,.diy-final{padding-block:39px}.diy-overview-enquiry>.wrap,.diy-final>.wrap{display:block}.diy-overview-enquiry h2,.diy-final h2{font-size:34px}.diy-overview-enquiry p,.diy-final p{font-size:14px;margin-top:16px}.diy-overview-enquiry .btn,.diy-final .btn{margin-top:24px;font-size:12px}.diy-concept{gap:10px;padding:14px}.diy-card-photo.diy-concept .icon{width:34px;height:34px}.diy-card-photo .diy-concept-title{font-size:18px}.diy-card-photo .diy-concept-caption{font-size:9px}.diy-detail-hero{padding-block:14px 36px}.diy-breadcrumbs{font-size:10px;margin-bottom:19px}.diy-breadcrumbs ol{gap:4px 9px}.diy-breadcrumbs li{gap:9px}.diy-detail-hero-grid{grid-template-columns:1fr;gap:27px}.diy-detail-hero h1{font-size:44px}.diy-detail-hero-grid>div>p{font-size:15px;margin-top:20px}.diy-detail-hero-grid .btn{margin-top:23px;font-size:12px}.diy-detail-photo{aspect-ratio:1.3;border-radius:22px}.diy-about-grid{grid-template-columns:1fr;padding-block:32px;gap:31px}.diy-about-grid h2,.diy-how h2,.diy-visit h2,.diy-related h2{font-size:29px}.diy-about-grid p{font-size:14px;margin-top:17px}.diy-creations{margin-top:18px;gap:9px}.diy-creations li{font-size:13px}.diy-how{padding-block:5px 36px}.diy-steps{grid-template-columns:1fr;gap:21px;margin-top:23px}.diy-steps li{position:relative;padding-top:18px;padding-inline-start:44px}.diy-step-number{position:absolute;inset-inline-start:0;top:20px;font-size:23px;margin:0}.diy-steps p{font-size:14px}.diy-materials-note{font-size:12px;margin-top:21px}.diy-visit{padding-block:35px}.diy-visit-grid{grid-template-columns:1fr;gap:30px}.diy-visit address{font-size:14px;margin-top:17px}.diy-visit h3{font-size:24px}.diy-visit p{font-size:14px;margin-top:17px}.diy-related{padding-block:36px}.diy-section-heading{display:block;margin-bottom:22px}.diy-section-heading .text-link{margin-top:10px;font-size:11px}.diy-related-grid{grid-template-columns:1fr}.diy-related .diy-card{display:grid;grid-template-columns:114px 1fr;gap:19px;align-items:center}.diy-related .diy-card-photo{aspect-ratio:1.05}.diy-related .diy-card-copy{padding:0}.diy-related .diy-card h3{font-size:19px}.diy-related .diy-concept-title{font-size:14px}.diy-related .diy-concept-caption{font-size:8px}.diy-related .diy-card-action{min-height:44px;margin-top:5px}}