.pralines-page{background:#fbf8f3}
.pralines-page .header nav .active:after{right:0}

.pralines-hero{position:relative;overflow:hidden;background:var(--brand);color:#fff}
.pralines-hero:after{content:"";position:absolute;right:-180px;bottom:-250px;width:560px;height:560px;border-radius:50%;background:#82545b;opacity:.58}
.pralines-hero-inner{min-height:680px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:76px;position:relative;z-index:1}
.pralines-hero-copy{padding:68px 0 78px}
.breadcrumb{display:flex;align-items:center;gap:10px;margin:0 0 62px;color:#eaded2b8;font:500 10px var(--heading);letter-spacing:.08em;text-transform:uppercase}
.breadcrumb span{color:var(--accent-light)}
.pralines-hero-copy h1{max-width:610px;margin:16px 0 26px;color:#fffaf5;font:400 76px/.92 var(--display)}
.pralines-hero-copy h1 em{color:#d8aaa1;font-style:italic}
.hero-intro{max-width:560px;margin:0;color:#f0e2d5d4;font:400 16px/1.85 var(--body)}
.hero-jump{display:inline-flex;align-items:center;gap:36px;margin-top:32px;padding:0 0 8px;border-bottom:1px solid #c8b27c;color:#f4e9d4;font:600 11px var(--heading);letter-spacing:.04em}
.hero-jump span{font-size:16px}
.pralines-hero-photo{height:590px;margin:0;position:relative;overflow:hidden;background:#e8ded1}
.pralines-hero-photo>img{height:100%;object-fit:cover;object-position:center 53%}
.pralines-hero-photo figcaption{position:absolute;left:0;bottom:0;min-width:210px;padding:19px 24px;display:flex;align-items:center;gap:14px;background:var(--brand);color:#fff}
.pralines-hero-photo figcaption b{font:400 38px/1 var(--display)}
.pralines-hero-photo figcaption span{padding-left:14px;border-left:1px solid #ffffff45;color:#f4e8dc;font:600 9px/1.45 var(--heading);letter-spacing:.08em;text-transform:uppercase}

.catalogue-intro{padding:94px 0 0;background:#fbf8f3}
.catalogue-heading{display:grid;grid-template-columns:1fr 430px;align-items:end;gap:80px}
.catalogue-heading h2{margin:13px 0 0;color:var(--brand);font:400 61px/.98 var(--display)}
.catalogue-heading h2 em{color:var(--accent);font-style:italic}
.catalogue-heading>p{margin:0 0 7px;color:var(--muted);font:400 14px/1.75 var(--body)}
.catalogue-tools{min-height:98px;margin-top:54px;display:flex;align-items:center;justify-content:space-between;gap:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.filter-list{display:flex;align-items:stretch;align-self:stretch}
.filter-list button{min-width:120px;padding:0 21px;border:0;border-right:1px solid var(--line);background:transparent;color:#756a62;font:600 10px var(--heading);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.filter-list button:first-child{border-left:1px solid var(--line)}
.filter-list button small{display:inline-grid;min-width:24px;height:24px;margin-left:9px;place-items:center;border-radius:50%;background:#eee5da;color:#83766e;font-size:8px}
.filter-list button.is-active{background:var(--brand);color:#fff}
.filter-list button.is-active small{background:#ffffff1c;color:#fff}
.catalogue-search{width:330px;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px;position:relative}
.catalogue-search>span{grid-column:1/-1;margin-bottom:5px;color:var(--accent);font:600 8px var(--heading);letter-spacing:.12em;text-transform:uppercase}
.catalogue-search input{width:100%;padding:3px 0 8px;border:0;border-bottom:1px solid #9f9288;outline:0;background:transparent;color:var(--ink);font:400 12px var(--body)}
.catalogue-search b{font:400 21px var(--body);transform:translateY(-3px)}

.advanced-filters{margin-top:26px;padding:34px 40px 38px;background:var(--brand);color:#fff}
.advanced-filters-head{padding-bottom:25px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;border-bottom:1px solid #ffffff22}
.advanced-filters-head h3{margin:7px 0 0;color:#fff8ef;font:400 36px/1 var(--display)}
.filter-summary{display:flex;align-items:center;gap:25px;color:#eadcd0;font:600 8px var(--heading);letter-spacing:.09em;text-transform:uppercase}
.filter-summary span b{color:var(--accent-light);font-size:12px}
.filter-summary button{padding:0 0 5px;border:0;border-bottom:1px solid #ffffff5c;background:transparent;color:#fff;font:600 8px var(--heading);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.advanced-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.filter-block{min-width:0;padding:27px 26px 0;border-left:1px solid #ffffff1d}
.filter-block:nth-child(2){border-left:0;padding-left:0}
.filter-allergens{grid-column:1/-1;padding:28px 0;display:grid;grid-template-columns:245px 1fr;align-items:center;border-left:0;border-bottom:1px solid #ffffff1d}
.filter-block-title{display:flex;align-items:flex-start;gap:13px}
.filter-block-title>span{padding-top:2px;color:var(--accent-light);font:400 24px/1 var(--display)}
.filter-block-title h4{margin:0;color:#fffaf4;font:600 12px var(--heading);letter-spacing:.04em;text-transform:uppercase}
.filter-block-title p{margin:5px 0 0;color:#e9dbced0;font:400 9px/1.45 var(--body)}
.filter-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.filter-chips button{min-height:32px;padding:0 12px;border:1px solid #ffffff30;border-radius:50px;background:transparent;color:#f4e8dd;font:600 8px var(--heading);letter-spacing:.035em;cursor:pointer;transition:.2s ease}
.filter-chips button:hover,.filter-chips button.is-selected{border-color:var(--accent-light);background:var(--accent);color:#fff}
.filter-chips-large{margin-top:21px}
.filter-chips-large button{min-height:36px;padding-inline:15px}

.praline-family{padding:104px 0 118px;position:relative;background:#fbf8f3}
.praline-family:nth-child(even){background:#f4ede4}
.praline-family>.shell{width:min(1240px,calc(100% - 180px))}
.family-rail{width:62px;position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:28px 0;background:var(--brand);color:var(--accent-light);writing-mode:vertical-rl;transform:rotate(180deg)}
.family-rail span{font:500 17px var(--body);letter-spacing:.08em}
.family-rail small{font:600 8px var(--heading);letter-spacing:.16em}
.praline-family[data-family="white"] .family-rail{background:#ded0bd;color:var(--brand)}
.praline-family[data-family="dark"] .family-rail{background:var(--brand-dark);color:#d7c8a2}
.family-heading{margin-bottom:48px;display:grid;grid-template-columns:62px minmax(240px,.85fr) 1.15fr auto;align-items:end;gap:28px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.family-index{color:var(--accent);font:400 47px/1 var(--display)}
.family-heading h2{margin:5px 0 0;color:var(--brand);font:400 48px/.95 var(--display)}
.family-heading>p{max-width:480px;margin:0 0 1px;color:var(--muted);font:400 12.5px/1.68 var(--body)}
.family-heading>b{margin-bottom:3px;color:var(--accent);font:600 9px var(--heading);letter-spacing:.14em;text-transform:uppercase}
.praline-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 22px}
.praline-card{min-width:0;position:relative}
.praline-card[hidden],.praline-family[hidden]{display:none}
.praline-card-visual{height:236px;display:grid;place-items:center;position:relative;overflow:hidden;background:#f1e8de}
.praline-family:nth-child(even) .praline-card-visual{background:#fbf8f3}
.praline-card-visual:after{content:"";width:156px;height:54px;position:absolute;left:50%;bottom:25px;transform:translateX(-50%);border-radius:50%;background:#6a4b4230;filter:blur(16px)}
.praline-card-visual img{width:68%;height:68%;position:relative;z-index:1;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 11px 8px #4b30252f);transition:transform .35s ease}
.praline-card-visual img[src$=".jpg"]{width:100%;height:100%;object-fit:cover;filter:none}
.praline-card:hover .praline-card-visual img{transform:translateY(-5px) scale(1.025)}
.praline-card-visual>span{position:absolute;top:15px;left:16px;z-index:2;color:#8b7c72;font:600 8px var(--heading);letter-spacing:.11em;text-transform:uppercase}
.praline-card-visual.image-missing:before{content:"Artimar";position:relative;z-index:1;color:#8c6b69;font:400 35px var(--display);opacity:.52}
.praline-card-visual.image-missing:after{width:116px;height:36px;bottom:54px;opacity:.45}
.praline-card-copy{min-height:118px;padding:18px 4px 4px;position:relative}
.praline-card-copy small{color:#9a8b80;font:500 8px var(--heading);letter-spacing:.08em}
.praline-card-copy h3{margin:7px 0 13px;color:var(--ink);font:500 17px/1.3 var(--body)}
.praline-card-copy a{display:inline-flex;align-items:center;gap:7px;color:var(--brand);font:600 8px var(--heading);letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:translateY(4px);transition:.25s ease}
.praline-card:hover .praline-card-copy a{opacity:1;transform:none}

.catalogue-closing{padding:110px 0;background:var(--brand);color:#fff}
.catalogue-closing-inner{max-width:900px;text-align:center}
.catalogue-closing h2{max-width:850px;margin:16px auto 20px;color:#fff9f1;font:400 56px/1.02 var(--display)}
.catalogue-closing p:not(.eyebrow){margin:0 0 28px;color:#f2e4d6ba;font:400 14px var(--body)}

@media(max-width:1100px){
  .pralines-hero-inner{grid-template-columns:1fr 1fr;gap:42px}
  .pralines-hero-copy h1{font-size:66px}
  .catalogue-heading{grid-template-columns:1fr 380px;gap:48px}
  .filter-list button{min-width:105px;padding-inline:14px}
  .praline-grid{gap:34px 16px}
  .praline-card-visual{height:215px}
  .praline-family>.shell{width:calc(100% - 130px);margin-left:94px;margin-right:36px}
}

@media(max-width:900px){
  .pralines-hero-inner{min-height:0;padding-top:58px;grid-template-columns:1fr;gap:42px}
  .pralines-hero-copy{padding:0}
  .breadcrumb{margin-bottom:36px}
  .pralines-hero-copy h1{font-size:67px}
  .hero-intro{max-width:650px;font-size:15px}
  .pralines-hero-photo{height:560px;width:100%;}
  .catalogue-intro{padding-top:72px}
  .catalogue-heading{grid-template-columns:1fr;gap:22px}
  .catalogue-heading h2{font-size:53px}
  .catalogue-heading>p{max-width:600px}
  .catalogue-tools{height:auto;min-height:0;margin-top:40px;align-items:stretch;flex-direction:column;gap:0;border-bottom:0}
  .filter-list{height:72px;width:100%;overflow-x:auto}
  .filter-list button{flex:1;min-width:105px}
  .catalogue-search{width:100%;padding:24px 0;border-bottom:1px solid var(--line)}
  .advanced-filters{margin-top:22px;padding:30px 26px 34px}
  .filter-allergens{grid-template-columns:190px 1fr}
  .advanced-filter-grid{grid-template-columns:1fr 1fr}
  .filter-allergens{grid-column:1/-1}
  .filter-block:nth-child(4){grid-column:1/-1;padding-left:0;margin-top:25px;border-left:0;border-top:1px solid #ffffff1d}
  .praline-family{padding-top:104px}
  .praline-family>.shell{width:calc(100% - 28px);margin-inline:auto}
  .family-rail{height:46px;width:auto;left:14px;right:14px;top:22px;bottom:auto;padding:0 18px;flex-direction:row;writing-mode:horizontal-tb;transform:none}
  .family-rail span{font-size:14px}
  .family-heading{grid-template-columns:52px 1fr auto;gap:18px}
  .family-heading>p{grid-column:2/-1;grid-row:2}
  .family-heading>b{grid-column:3;grid-row:1}
  .praline-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .praline-card-visual{height:205px}
  .praline-card-copy a{opacity:1;transform:none}
}

@media(max-width:650px){
  .pralines-hero-inner{padding-top:40px}
  .breadcrumb{margin-bottom:28px}
  .pralines-hero-copy h1{font-size:52px;line-height:.95}
  .hero-intro{font-size:14px;line-height:1.75}
  .pralines-hero-photo{height:410px}
  .pralines-hero-photo figcaption{min-width:185px;padding:15px 18px}
  .pralines-hero-photo figcaption b{font-size:32px}
  .catalogue-heading h2{font-size:46px}
  .filter-list button{min-width:92px;padding-inline:10px}
  .filter-list button small{display:none}
  .advanced-filters{width:100%;margin-top:0;padding:28px 14px 32px}
  .advanced-filters-head{align-items:flex-start;flex-direction:column;gap:18px}
  .advanced-filters-head h3{font-size:31px}
  .advanced-filter-grid{grid-template-columns:1fr}
  .filter-allergens{display:block;padding:25px 0}
  .filter-allergens .filter-chips{margin-top:18px}
  .filter-block,.filter-block:nth-child(2),.filter-block:nth-child(4){grid-column:auto;padding:23px 0 0;margin-top:0;border-left:0;border-top:1px solid #ffffff1d}
  .filter-block:nth-child(2){border-top:0}
  .filter-chips{gap:6px}
  .filter-chips button{min-height:30px;padding-inline:10px;font-size:7px}
  .filter-chips-large{margin-top:16px;padding-bottom:23px}
  .praline-family{padding:94px 0 82px}
  .family-rail{height:42px;top:20px}
  .family-heading{margin-bottom:31px;padding-bottom:20px;grid-template-columns:38px 1fr auto;gap:12px}
  .family-index{font-size:34px}
  .family-heading h2{font-size:36px}
  .family-heading>p{font-size:11px}
  .family-heading>b{display:none}
  .praline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 10px}
  .praline-card-visual{height:168px}
  .praline-card-visual img{width:75%;height:75%}
  .praline-card-visual>span{top:11px;left:10px;font-size:6.5px}
  .praline-card-copy{min-height:105px;padding-top:13px}
  .praline-card-copy small{font-size:6.8px}
  .praline-card-copy h3{min-height:36px;margin:6px 0 8px;font-size:13px}
  .praline-card-copy a{font-size:6.5px}
  .catalogue-closing{padding:82px 0}
  .catalogue-closing h2{font-size:42px}
}

@media(max-width:390px){
  .pralines-hero-copy h1{font-size:47px}
  .pralines-hero-photo{height:370px}
  .filter-list button{min-width:84px;font-size:8px}
  .praline-card-visual{height:148px}
  .family-heading h2{font-size:31px}
}