/*
Theme Name: RAF Prezentacija Live
Description: Svijetla prezentativna tema za RAF katalog.
Version: 0.5.14
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: raf-prezentacija
*/
:root {
    --orange: #ec7d35;
    --accent-text: #a63c00;
    --ink: #171717;
    --muted: #535052;
    --paper: #fbfaf8;
    --silver: #eeebea;
    --line: #cac4c1;
}
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--paper); font: 1rem/1.55 "Instrument Sans", Inter, system-ui, sans-serif; }
[hidden] { display: none !important; }
a { color: inherit; text-underline-offset: .25em; }
button { font: inherit; }
:focus-visible { outline: 3px solid var(--accent-text); outline-offset: 4px; }
img { display: block; max-width: 100%; height: auto; }
figure, dl, dd { margin: 0; }
h1, h2, h3 { line-height: 1.05; letter-spacing: -.045em; margin: 0 0 .55em; overflow-wrap: anywhere; }
h1 { font-size: clamp(3rem, 7vw, 7rem); }
h2 { font-size: clamp(1.8rem, 3.7vw, 3.5rem); }
h3 { font-size: 1.35rem; }
.wrap { width: min(100% - 2.5rem, 84rem); margin-inline: auto; }
.site-header, .site-footer { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding-block: 1rem; }
.site-header { border-bottom: 1px solid var(--line); }
.site-footer { border-top: 1px solid var(--line); margin-top: 3rem; color: var(--muted); }
.brand-logo { display: block; position: relative; flex: 0 0 7.25rem; width: 7.25rem; height: 2.6rem; overflow: hidden; mix-blend-mode: multiply; }
.brand-logo img { position: absolute; top: 50%; left: 50%; width: 171%; max-width: none; transform: translate(-52.5%, -51.5%); }
.custom-logo { max-width: 9rem; max-height: 3.5rem; object-fit: contain; }
.site-header nav, .site-header ul { display: flex; flex-wrap: wrap; gap: 1rem; margin: 0; padding: 0; list-style: none; }
.site-header nav a { font-weight: 650; text-decoration: none; }
.site-header nav a:hover, .card-link { text-decoration: underline; text-decoration-color: var(--orange); }
.skip-link { position: absolute; top: .5rem; left: .5rem; padding: .7rem; background: white; transform: translateY(-250%); z-index: 10; }
.skip-link:focus { transform: none; }
.section { padding-block: clamp(2.5rem, 6vw, 5rem); }
.hero { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: clamp(1.75rem, 4vw, 5rem); padding-block: clamp(2.5rem, 5vw, 5rem); }
.hero-copy:only-child { grid-column: 1 / -1; }
.hero-photo { position: relative; background: var(--silver); overflow: hidden; }
.hero-photo:has(figcaption) { background: #eeebea; }
.hero-photo:has(figcaption) img { aspect-ratio: 1.08; object-fit: cover; }
.hero-photo:has(figcaption) figcaption { position: absolute; bottom: .5rem; right: .5rem; background: var(--paper); }
.hero .eyebrow { display: flex; align-items: center; gap: .9rem; }
.hero .eyebrow::after { content: ''; width: clamp(2rem, 12vw, 11rem); height: 1px; background: var(--orange); }
.hero-photo img { width: 100%; max-height: 39rem; object-fit: contain; }
.hero-photo figcaption { padding: .3rem .65rem; font-size: .78rem; color: var(--muted); }
.eyebrow { font-size: .92rem; font-weight: 760; letter-spacing: .07em; color: var(--accent-text); }
.back { display: inline-block; margin-bottom: 1.6rem; }
.summary { color: var(--muted); max-width: 35ch; }
.actions { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.25rem; margin-top: 1.8rem; }
.button { display: inline-block; padding: .8rem 1.05rem; background: var(--orange); color: #171717; font-weight: 750; text-decoration: none; }
.button:hover { background: #ef9255; }
.underlink { text-decoration-color: var(--orange); font-weight: 650; }
.spec-strip { background: var(--silver); border-block: 1px solid var(--line); }
.strip-inner { display: grid; grid-template-columns: minmax(10rem, .85fr) 3fr; align-items: center; padding-block: 1.5rem; }
.strip-inner h2 { max-width: 10ch; font-size: clamp(1.3rem, 2.5vw, 2.35rem); margin: 0; }
.strip-inner h2::after { content: ''; display: block; width: 2.75rem; height: 3px; margin-top: .7rem; background: var(--orange); }
.strip-inner dl { display: flex; }
.strip-inner dl > div { display: flex; flex: 1; flex-direction: column-reverse; justify-content: start; border-left: 1px solid var(--line); padding: .15rem clamp(.65rem, 2.5vw, 2rem); }
.strip-inner dd { color: var(--accent-text); font-size: clamp(1.35rem, 3.8vw, 4rem); font-weight: 800; line-height: 1.08; letter-spacing: -.06em; }
.strip-inner dt { font-size: clamp(.8rem, 1.5vw, 1.1rem); }
.tab-buttons { display: flex; gap: 1rem; flex-wrap: wrap; margin: 0 0 1.5rem; }
.tab-buttons button { cursor: pointer; background: none; border: 0; border-bottom: 2px solid var(--line); padding: .55rem .25rem; }
.tab-buttons [aria-selected="true"] { border-color: var(--orange); font-weight: 750; }
.feature { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); align-items: center; gap: clamp(1.5rem, 4vw, 5rem); }
.feature-copy { grid-column: 2; grid-row: 1; }
.feature-copy:only-child { grid-column: 1 / -1; }
.feature-visuals { grid-column: 1; grid-row: 1; }
.feature-visuals img { width: 100%; aspect-ratio: 5 / 4; object-fit: cover; }
.feature-panel p { color: var(--muted); }
.feature-panel:last-child p { margin-bottom: 0; }
.feature:has(.feature-visuals[hidden]) .feature-copy { grid-column: 1 / -1; }
.programs, .products { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); }
.programs { padding: 0; list-style: none; grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr)); }
.programs li, .product-card { background: var(--silver); padding: 1rem; min-width: 0; }
.programs img { aspect-ratio: 3 / 4; width: 100%; object-fit: cover; border-radius: 5rem 5rem .5rem .5rem; margin-bottom: 1rem; }
.programs p { color: var(--muted); margin-bottom: 0; }
.product-card a { display: block; text-decoration: none; }
.card-photo { margin-bottom: 1rem; }
.card-photo img { width: 100%; height: 15rem; object-fit: contain; }
.categories { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-bottom: 2rem; }
details { border-top: 1px solid var(--line); }
details:last-child { border-bottom: 1px solid var(--line); }
summary { display: flex; justify-content: space-between; gap: 1rem; cursor: pointer; font-weight: 750; padding: .9rem 0; }
summary::-webkit-details-marker { display: none; }
summary::after { content: '+'; color: var(--accent-text); }
details[open] summary::after { content: '−'; }
.spec-table { width: 100%; border-collapse: collapse; text-align: left; margin-bottom: 1.25rem; }
.spec-table th, .spec-table td { border-top: 1px solid var(--line); padding: .55rem; }
@media (max-width: 680px) {
    .hero, .feature, .strip-inner { grid-template-columns: 1fr; }
    .strip-inner h2 { margin-bottom: .9rem; }
    .strip-inner h2 { max-width: none; }
    .feature-copy, .feature-visuals { grid-column: 1; grid-row: auto; }
    .strip-inner dl { flex-wrap: wrap; row-gap: .75rem; }
    .strip-inner dl > div:first-child { border: 0; padding-left: 0; }
}

.home-lead { display: grid; grid-template-columns: 1.15fr minmax(0, .85fr); gap: clamp(1rem, 4vw, 4rem); align-items: center; padding-block: clamp(2rem, 4vw, 4rem); }
.home-copy { padding-block: 1.25rem; }
.home-copy h1 { font-size: clamp(2.85rem, 6.3vw, 6.4rem); }
.home-copy p, .category-intro { color: var(--muted); max-width: 55ch; }
.home-copy .button { margin-top: .8rem; }
.home-photo { isolation: isolate; background: var(--silver); border-bottom: .45rem solid var(--orange); }
.home-photo img { width: 100%; max-height: 30rem; object-fit: contain; mix-blend-mode: multiply; }
.home-directory { border-block: 1px solid var(--line); padding-block: clamp(1.75rem, 4vw, 4rem); background: var(--silver); }
.directory-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .25rem 1.5rem; margin-bottom: 1.1rem; }
.directory-heading h2 { margin-bottom: 0; }
.category-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: .8rem; margin: 0; padding: 0; list-style: none; }
.category-tile { display: grid; position: relative; align-content: start; gap: .55rem; min-height: 7.5rem; height: 100%; padding: 1.15rem 3.1rem 1.15rem 1.15rem; background: var(--paper); border: 1px solid var(--line); text-decoration: none; }
.category-tile:hover { border-color: var(--accent-text); }
.category-tile h3, .category-tile p { margin: 0; }
.category-tile p { color: var(--muted); font-size: .94rem; }
.category-arrow { position: absolute; top: .85rem; right: 1rem; color: var(--accent-text); font-size: 1.4rem; }
@media (max-width: 680px) {
    .home-lead { grid-template-columns: 1fr; }
    .home-photo img { max-height: 19rem; }
}

.warranty-note { border-left: .22rem solid var(--orange); padding-left: .65rem; font-weight: 700; }
.product-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); gap: 1rem; list-style: none; padding: 0; }
.product-gallery img { width: 100%; height: min(38vw, 18rem); min-height: 12rem; object-fit: contain; background: white; }
.product-video { max-width: 56rem; }
.product-video video, .product-video iframe { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; background: var(--ink); }
.about-lead { background: var(--silver); border-bottom: 1px solid var(--line); }
.about-lead .eyebrow { margin-top: 0; }
.about-lead h1 { margin-bottom: 0; }
.about-content { max-width: 48rem; }
.about-content h2 { font-size: clamp(1.65rem, 3vw, 2.6rem); margin-top: 1.5em; }
.about-content a { text-decoration-color: var(--orange); }

/* Orange product display with room for the original product photograph. */
.raf-stage {
    display: grid;
    justify-items: center;
    isolation: isolate;
    padding: clamp(1rem, 3vw, 2.25rem) clamp(1rem, 4vw, 3rem) 2.5rem;
    background: radial-gradient(ellipse at 50% 35%, #fff 20%, #f2efec 80%);
    border-radius: 1.75rem;
}
.raf-stage-product {
    position: relative;
    z-index: 1;
    width: min(100%, 33rem);
    mix-blend-mode: multiply;
}
.raf-stage-product img {
    display: block;
    aspect-ratio: 1;
    max-height: 30rem;
    object-fit: contain;
}
.raf-stage .raf-stage-platform {
    position: relative;
    width: min(100%, 34rem);
    height: auto;
    margin-top: clamp(-6rem, -8vw, -2.4rem);
    filter: drop-shadow(0 .6rem .6rem #652b1a28);
}
.raf-visual-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    gap: .85rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.raf-visual-grid li {
    display: grid;
    align-content: end;
    gap: 1rem;
    min-height: 8rem;
    padding: 1.15rem;
    background: #fff4ec;
    border: 1px solid #f4dfd0;
    border-radius: 1rem;
}
.raf-visual-grid h3 { margin: 0; overflow-wrap: anywhere; }
.raf-visual-accent { width: 2rem; height: .25rem; border-radius: .25rem; background: #e95618; }
.raf-product-description summary { cursor: pointer; }

body, button, input, select, textarea { font-family: Montserrat, system-ui, sans-serif; }

/* RAF katalog: kartice i pretraga */
.products{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:1.15rem}
.product-card{padding:0;background:#fff;border:1px solid #e7e1dd;border-radius:1rem;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.product-card>a{height:100%;display:flex;flex-direction:column;padding:1rem}
.product-card:hover,.product-card:focus-within{border-color:#ec7d35;box-shadow:0 9px 23px #28180c12}
.product-card a:focus-visible{outline-offset:-3px}
.product-card .card-photo{display:grid;place-items:center;margin:0 0 .9rem}
.product-card .card-photo img{height:auto;aspect-ratio:1;width:100%;max-height:13rem;object-fit:contain}
.product-card .eyebrow{display:none}
.product-card h3{font-size:1rem;line-height:1.35;margin:0 0 .85rem}
.product-card .card-link{border-top:1px solid #eee5df;margin-top:auto;padding-top:.65rem;color:#a63c00;font-size:.83rem;font-weight:700;text-decoration:none}
.raf-search{margin:0 0 1.15rem}.raf-search label{display:block;font-size:.9rem;font-weight:700;margin-bottom:.35rem}.raf-search input{width:min(100%,27rem);padding:.65rem .85rem;border:1px solid #cfc7c0;border-radius:.55rem;background:#fff;font-size:1rem}.raf-search p{margin:.45rem 0 0;font-size:.85rem}
@media(max-width:550px){.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.product-card>a{padding:.6rem}.product-card h3{font-size:.84rem}.product-card .card-link{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.product-card{transition:none}}

/* RAF početna */
.raf-home{background:#fff}
.raf-home-hero{background:linear-gradient(132deg,#fbfaf9 30%,#eae5e3 61%,#f9f7f6 100%);overflow:hidden}
.raf-home-hero-inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);align-items:center;min-height:clamp(24rem,44vw,36rem);gap:1rem}
.raf-home-title{position:relative;z-index:4;padding:2rem 0}
.raf-home-title h1{font-size:clamp(3rem,5.6vw,5.25rem);letter-spacing:-.065em;margin-bottom:1.5rem}
.raf-home-title .button{background:#e95912;color:#fff;border-radius:.32rem}
.raf-home-lineup{position:relative;align-self:end;aspect-ratio:1.7;margin-left:-7%;margin-bottom:1.2rem}
.raf-home-model{display:block;position:absolute;isolation:isolate;mix-blend-mode:multiply;width:38%;bottom:2%;outline-offset:0}
.raf-home-model.airfryer{left:0;z-index:3}
.raf-home-model.espresso{left:31%;bottom:10%;width:43%;z-index:1}
.raf-home-model.blender{right:0;z-index:2;width:34%}
.raf-home-cutout{display:block;mix-blend-mode:multiply}
.raf-home-cutout img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;clip-path:polygon(0 15%,35% 15%,35% 0,100% 0,100% 100%,0 100%)}
.raf-home-model .raf-home-cutout{position:relative;z-index:1}
.raf-home-plinth{display:block;width:100%;margin-top:-29%;filter:drop-shadow(0 .4rem .65rem #58341640)}
.raf-home-categories{padding-block:clamp(2rem,4vw,3.75rem)}
.raf-home-categories h2::after,.raf-home-featured h2::after{display:block;content:'';width:4rem;height:.22rem;background:#e95912;margin-top:.65rem}
.raf-home-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.raf-home-category{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.45rem;padding:.7rem 1rem 1rem;background:#f4f0ee;border-radius:.65rem;text-decoration:none;font-size:clamp(.8rem,1.8vw,1.25rem)}
.raf-home-category .raf-home-cutout{grid-column:1/-1}
.raf-home-category img{width:min(100%,17rem);margin-inline:auto}
.raf-home-category>span:last-child{color:#bb4307;font-size:1.35rem}
.raf-home-category:hover strong{text-decoration:underline}
.raf-home-all{display:inline-block;margin-top:1.15rem}
.raf-home-featured{background:#f2eeeb}
.raf-home-featured-inner{display:grid;grid-template-columns:1fr 1.35fr;align-items:center;gap:1rem}
.raf-home-featured-inner>div:first-child{padding-block:1.8rem}
.raf-home-featured-inner p{font-weight:800;font-size:clamp(2.2rem,5vw,5rem);margin:0 0 .5rem;letter-spacing:-.06em;line-height:1}
.raf-home-featured-image{height:clamp(12rem,29vw,23rem);position:relative;overflow:hidden;background:url('/wp-content/uploads/2026/11/raf-pozadina-artikli.png') right center / cover no-repeat}
.raf-home-featured-image .raf-home-cutout{position:absolute;width:60%;left:37%;bottom:10%}
.raf-home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;padding-block:1.25rem;border-top:1px solid #d8d0ca}
.raf-home-stats div{display:flex;flex-direction:column-reverse;padding:.2rem .35rem}
.raf-home-stats div+div{border-left:1px solid #d8d0ca}
.raf-home-stats dd{color:#bb4307;font-size:clamp(1.45rem,4.4vw,3.8rem);font-weight:800;line-height:1.13}
.raf-home-stats dt{font-size:clamp(.72rem,1.55vw,1.05rem)}
@media(max-width:700px){.raf-home-hero-inner{grid-template-columns:1fr;gap:0}.raf-home-title{padding:2.3rem 0 0}.raf-home-lineup{margin:0 0 .8rem}.raf-home-category-grid{gap:.45rem}.raf-home-category{padding:.5rem;line-height:1.25}.raf-home-category>span:last-child{display:none}.raf-home-featured-inner{grid-template-columns:1fr}.raf-home-featured-image{height:15rem}.raf-home-featured-image .raf-home-cutout{width:min(60%,15rem);left:37%}}

/* RAF presentation system */
:root{--brand-orange:#fe5e05}
body.single-raf_artikal{--orange:var(--brand-orange);--accent-text:var(--brand-orange);--ink:#141414;color:var(--ink);font-family:Montserrat,sans-serif}
.single-raf_artikal h1,.single-raf_artikal h2,.single-raf_artikal h3{font-weight:800}
.single-raf_artikal .site-header{border-color:#ccc}
.single-raf_artikal .site-header nav a[href*="/raf-proizvodi"]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.65rem;text-decoration-color:var(--brand-orange)}
.raf-product-hero{background:linear-gradient(136deg,#fcfbfb 26%,#e7e3e3 55%,#f6f4f4 90%)}
.raf-product-hero .hero{grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:clamp(.8rem,3vw,2.5rem);padding-block:clamp(1.5rem,4vw,3.5rem)}
.raf-product-hero .hero h1{font-size:clamp(2.6rem,6vw,6.3rem);line-height:1.02;margin-bottom:1.15rem}
.raf-product-hero .eyebrow{font-weight:750;color:#171717;letter-spacing:.02em}
.raf-product-hero .actions{gap:1rem 1.4rem}
.raf-product-hero .actions .underlink{color:#171717;text-decoration-color:var(--brand-orange);text-decoration-thickness:2px}
.raf-product-hero .actions .button{color:#171717;background:var(--brand-orange)}
.raf-studio{--raf-contact:79%;position:relative;aspect-ratio:1.13;margin:0;overflow:hidden}
.single-raf_artikal .spec-strip{background:#efeded;border-color:#d1cccc}
.single-raf_artikal .strip-inner dd{color:var(--brand-orange);font-weight:800}
.single-raf_artikal .strip-inner dt{color:#171717;font-weight:500}
.single-raf_artikal .strip-inner dl>div{border-color:#c6c0c0}
.raf-product-feature{background:#f7f5f5}
.raf-product-feature .feature{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
.raf-product-feature .feature-visuals{background:#efebea;overflow:hidden}
.raf-product-feature .feature-visuals img{aspect-ratio:4/3;object-fit:cover;object-position:center}
.raf-product-feature .feature-visuals img.raf-studio-detail{transform:scale(1.16);transform-origin:center 62%;mix-blend-mode:multiply}
.raf-product-feature .tab-buttons{gap:.45rem 1rem;border-bottom:1px solid #cbc4c4}
.raf-product-feature .tab-buttons button{border-bottom:2px solid transparent;font-weight:500;text-align:left}
.raf-product-feature .tab-buttons [aria-selected=true]{border-color:var(--brand-orange);font-weight:750}
.raf-docs h2::after,.raf-related h2::after{display:block;content:'';width:4rem;height:3px;margin-top:.7rem;background:var(--brand-orange)}
.raf-docs summary::after{color:var(--brand-orange);font-size:1.3em}
.raf-related .products{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}
.raf-related .product-card{background:#f6f3f3}
.raf-related .product-card .raf-studio img{max-height:none;aspect-ratio:auto;object-fit:initial}
.raf-related .product-card .card-link{text-decoration-color:var(--brand-orange);color:#171717}
@media(max-width:680px){.raf-product-hero .hero,.raf-product-feature .feature{grid-template-columns:1fr}.raf-product-hero .hero h1{font-size:clamp(2.4rem,11vw,3.8rem)}.raf-product-hero .hero-copy{order:0}.raf-studio-hero{order:1}.raf-product-feature .feature-copy{grid-column:1;grid-row:2}.raf-product-feature .feature-visuals{grid-column:1;grid-row:1}.single-raf_artikal .strip-inner dl{flex-wrap:nowrap}.single-raf_artikal .strip-inner dd{font-size:clamp(1.15rem,5vw,1.7rem)}.raf-related .products{grid-template-columns:repeat(2,minmax(0,1fr))}}


.raf-studio-composition{aspect-ratio:1000/810;overflow:visible}.raf-studio-composition .raf-studio-image{width:100%;height:auto;display:block}.raf-home-model{mix-blend-mode:normal}.raf-home-featured-image{height:auto;background:linear-gradient(135deg,#f6f3f3,#e9e3e1)}.raf-home-featured-image .raf-studio{width:min(100%,31rem);margin-inline:auto}.raf-home-lineup .raf-studio{width:100%}

/* RAF studio lighting: a diagonal softbox and reflected orange near the floor. */
.raf-home-hero,
.raf-product-hero,
.raf-home-featured-image {
    --studio-light-x: 71%;
    --studio-floor: 87%;
    background-color: #f0ebea;
    background-image:
        radial-gradient(ellipse 32% 20% at var(--studio-light-x) var(--studio-floor), #fe5e051c, transparent 95%),
        linear-gradient(180deg, transparent 84%, #9e898514 86%, #fff8f474 87%, #d0c2bc45 100%),
        linear-gradient(132deg, transparent 28%, #fff9 40%, #fff7 45%, #9f92943d 49%, #c3b7b928 57%, transparent 72%),
        radial-gradient(ellipse at var(--studio-light-x) 36%, #fffcfb 8%, #e6dddd 68%, #f9f6f5 100%);
}
.raf-home-hero { --studio-light-x: 75%; }
.raf-home-featured-image { --studio-light-x: 57%; --studio-floor: 89%; }
@media (max-width: 700px) {
    .raf-home-hero,
    .raf-product-hero {
        --studio-light-x: 55%;
        --studio-floor: 91%;
        background-image:
            radial-gradient(ellipse 50% 14% at var(--studio-light-x) var(--studio-floor), #fe5e051c, transparent 96%),
            linear-gradient(180deg, transparent 86%, #9e898516 88%, #fff8f474 89%, #d0c2bc45 100%),
            linear-gradient(132deg, transparent 31%, #fff9 42%, #9f92942b 49%, transparent 66%),
            linear-gradient(145deg, #faf7f6 20%, #eee7e6 66%, #e2d8d5 100%);
    }
}

/* RAF catalog */
.raf-catalog{padding-block:clamp(1.65rem,3.7vw,3.5rem) 2rem}
.raf-catalog-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);gap:1rem 2rem;align-items:end}
.raf-catalog-header h1{font-size:clamp(2.5rem,5.5vw,5rem);font-weight:800;margin:0;letter-spacing:-.065em}
.raf-catalog-header h1::after{content:'';display:block;width:3.25rem;height:3px;margin-top:.65rem;background:var(--brand-orange)}
.raf-catalog .category-intro{margin-top:.8rem}
.raf-catalog .category-intro p:last-child{margin-bottom:0}
.raf-catalog .raf-search{margin:0}
.raf-search-control{position:relative}
.raf-catalog .raf-search input{width:100%;border-radius:.4rem;padding-inline-end:2.8rem}
.raf-search-control input::-webkit-search-cancel-button{display:none}
.raf-search-clear{position:absolute;inset-block:0;inset-inline-end:0;width:2.7rem;border:0;background:none;color:var(--ink);font-size:1.4rem;cursor:pointer}
.raf-catalog .raf-search p{min-height:1.35rem;color:var(--muted);font-variant-numeric:tabular-nums}
.raf-catalog .categories{gap:.45rem;margin:1.45rem 0 1.25rem;padding-block:1rem;border-block:1px solid var(--line)}
.raf-catalog .categories a{display:inline-flex;align-items:center;min-height:2.45rem;padding:.35rem .8rem;border:1px solid #ded6d1;border-radius:2rem;background:#fff;text-decoration:none;font-size:.84rem;font-weight:600}
.raf-catalog .categories a:hover{border-color:var(--brand-orange)}
.raf-catalog .categories [aria-current=page]{border-color:var(--brand-orange);background:#fff0e6;color:#742c09;font-weight:750}
.raf-catalog .products{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.raf-catalog .product-card{border-radius:.65rem;border-color:#e3dcd8}
.raf-catalog .product-card:hover,.raf-catalog .product-card:focus-within{border-color:var(--brand-orange)}
.raf-catalog .product-card>a{padding:0}
.raf-catalog .card-photo{margin:0;aspect-ratio:1.38;overflow:hidden;background:#fff;border-bottom:1px solid #f0ebe8}
.raf-catalog .card-photo img{width:auto;height:100%;max-width:100%;max-height:100%;min-height:0;aspect-ratio:1;object-fit:contain;clip-path:polygon(0 15%,35% 15%,35% 0,100% 0,100% 100%,0 100%)}
.raf-catalog .product-card .eyebrow{display:block;margin:.85rem .9rem .28rem;line-height:1.2;font-size:.72rem;color:#943509;letter-spacing:.04em}
.raf-catalog .product-card h3{margin:0 .9rem .9rem;letter-spacing:-.025em;font-size:clamp(.9rem,1.35vw,1.15rem);line-height:1.28}
.raf-catalog .product-card .card-link{display:flex;justify-content:space-between;align-items:center;gap:.3rem;margin-inline:.9rem;padding:.6rem 0 .7rem;color:var(--ink)}
.raf-catalog .card-link span{font-size:1.1rem;color:#b84108}
@media(max-width:950px){.raf-catalog .products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.raf-catalog-header{grid-template-columns:minmax(0,1fr)}.raf-catalog .categories{margin-top:1rem}.raf-catalog .categories a{font-size:.76rem;padding-inline:.64rem;min-height:2.25rem}.raf-catalog .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.raf-catalog .product-card .eyebrow,.raf-catalog .product-card h3,.raf-catalog .product-card .card-link{margin-inline:.6rem}}