/* Palette sampled from the reference: wine, taupe, gold, copper and cocoa. */
:root {
  --wine: #3a000e;
  --taupe: #947b72;
  --gold: #9f7129;
  --gold-light: #d8bc8b;
  --copper: #6a2d01;
  --cocoa: #270901;
  --ink: #270901;
  --muted: #65554d;
  --line: #e2d7cc;
  --green: #3a000e;
  --paper: #fff;
  --lime: #d8bc8b;
}
body {background:#fff;color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.7}
h1,h2,h3 {font-family:"Segoe UI",Arial,sans-serif}
h2 {color:var(--wine)}
em {color:var(--copper)}
button:focus-visible,a:focus-visible,summary:focus-visible {outline-color:var(--gold)}
.eyebrow {color:var(--copper)}
.text-button {color:var(--wine)}
.text-button:hover,.email:hover {color:var(--copper)}
.btn {background:var(--wine);color:#fff;border-color:var(--wine)}
.btn:hover {background:#570d21}
.light {background:var(--gold-light);color:var(--cocoa);border-color:var(--gold-light)}
.light:hover {background:#e8d2ac}
.outline {background:#fff;color:var(--wine);border:1px solid var(--wine)}
.outline:hover {background:#f7f2ed}

/* Warm golden masthead provides a clear accent above the wine hero. */
header {background:#f5d0dc;color:var(--wine);border-top:4px solid var(--wine);border-bottom:3px solid #d59aaf;box-shadow:0 3px 15px #27090112}
header a,header .menu,header .header-phone span {color:var(--wine)}
header .nav nav,header .logo,header .header-phone {text-shadow:none}
header .nav nav a {font-weight:600}
header .nav nav a:hover {color:#6b1730;text-decoration:underline;text-underline-offset:5px}
header .logo-icon {background:var(--wine);border-color:var(--wine);color:#fff}
header .header-phone {background:var(--wine);color:#fff;border:1px solid var(--wine);border-radius:8px;padding:10px 14px;font-size:17px;line-height:1.3}
header .header-phone span {color:#fff0f5;opacity:1;text-align:left;font-size:11px;margin-top:4px}
header .nav nav.open {background:#f5d0dc;border-bottom:2px solid #d59aaf}

.reference-hero,.device-hero {background:var(--wine);color:#fff}
.reference-hero h1 {font-family:"Segoe UI",Arial,sans-serif;color:#fff;text-shadow:none}
.reference-hero .pink-accent,.device-hero h1 em {color:var(--gold-light);text-shadow:none}
.wine-description,.wine-benefits h3,.wine-benefits p,.wine-phone,.wine-footnote {color:#fff;text-shadow:none}
.wine-benefits>div {background:#ffffff09;border-color:#947b7280}
.wine-benefits h3 {font-weight:700}
.wine-benefits p,.wine-footnote {color:#f1e5df}
.wine-phone>span {color:#f1dfc2}
.wine-cta,.device-hero .btn {background:#835b1d;color:#fff;border:1px solid var(--gold-light);text-shadow:none}
.wine-cta:hover,.device-hero .btn:hover {background:var(--copper)}
.wine-ribbon {background:var(--cocoa);border-color:#9f712966;color:#fff}
.wine-ribbon p,.wine-ribbon a {color:#fff;text-shadow:none}
.wine-ribbon span {color:var(--gold-light)}
.device-hero h1,.device-hero .eyebrow,.device-hero .intro,.device-hero .hero-note {color:#fff;text-shadow:none}
.device-hero .breadcrumbs,.device-hero .breadcrumbs a {color:#f1dfc2}
.device-hero .hero-visual {background:#ffffff06;border-color:#947b7255}
.device-hero .visual-label {color:#fff}
.device-hero .check {color:var(--gold-light);border-color:var(--taupe)}
.device-hero .floating-note {color:var(--cocoa);background:#fff}
.floating-note>span {background:var(--gold-light);color:var(--cocoa)}
.reference-hero :focus-visible,.device-hero :focus-visible {outline-color:var(--gold-light)}
header :focus-visible {outline-color:var(--wine)}

/* White sections keep the dark palette light and readable. */
.section,.contact {background:#fff}
.service {background:#fff;border-color:var(--line);box-shadow:0 4px 14px #27090104}
.service:hover {background:#faf7f3;border-color:var(--gold)}
.service h3 {color:var(--wine)}
.service-num {color:#7d5a23}
.round-arrow {color:var(--copper)}
.brand-card {background:#fff;border-color:var(--line)}
.brand-logo {filter:none;opacity:1}
.section-note {color:var(--muted)}
.trust span {color:var(--copper)}
.trust h3 {color:var(--wine)}
.trust p {color:var(--muted)}
.check {color:var(--copper);border-color:#c8b59d}
.dot {background:var(--gold)}
.symptom {background:#f8f4ef;border-color:var(--line)}
.symptom>span {color:#79521d}
.symptom h3 {color:var(--wine)}
.prepare {background:#f5ebd9;border-color:var(--gold)}
.prepare>span {color:#6f4513}
.prepare h3 {color:var(--cocoa)}
.related-grid a:hover {color:var(--copper)}

.price-section {background:var(--cocoa);color:#fff}
.price-grid h2 {color:#fff}
.price-grid .eyebrow,.price-row strong {color:var(--gold-light)}
.price-grid>div>p,.price-row p,.price-info p {color:#eaded3}
.price-panel {background:#3d1c11;border-color:#947b7277}
.price-row {border-color:#947b7266}
.price-row h3,.price-row>span {color:#fff}
.price-info>span {border-color:var(--gold-light);color:var(--gold-light)}
.steps article>span {color:var(--gold);border-color:var(--line)}
.steps h3 {color:var(--wine)}
.steps p {color:var(--muted)}
.team-section {background:#f3ede7}
.demo-note {background:#eadfd2;border-color:var(--gold);color:#50352a}
.master-card {background:#fff;border-color:var(--line)}
.master-photo {background:#e6ded7}
.master-copy h3 {color:var(--wine)}
.master-copy p {color:var(--muted)}
.review-card {background:#fff;border-color:var(--line)}
.review-stars {color:#80561a}
.review-avatar {background:#f0e2c9;color:var(--wine)}
.review-author h3 {color:var(--wine)}
.review-author p,.review-prompt p {color:var(--muted)}
.faq-section {background:#f3ede7}
.questions details {border-color:#d5c6b8}
.questions summary {color:var(--wine)}
.questions p {color:var(--muted)}
.contact h2 {color:var(--wine)}
.contact h2 em {color:var(--copper)}
.big-phone {color:var(--wine)}
footer {background:var(--wine);color:#fff;border-top:4px solid var(--gold)}
footer .logo-icon {background:var(--gold-light);color:var(--wine)}
.footer-top {border-color:#947b7280}
.footer-top p,.footer-bottom {color:#e5d5c6}
.footer-top>a:not(.logo) {color:#fff}

/* Dialogs remain white; field labels and focus rings stay high contrast. */
dialog.lead-dialog,dialog.review-dialog {background:#fff;color:var(--cocoa)}
dialog h2 {color:var(--wine)}
dialog .close {background:#f3ede7;color:var(--wine)}
dialog .close:hover {background:#eadfd2}
dialog::backdrop {background:#270901c9}
.dialog-intro,.privacy-note {color:var(--muted)}
.lead-dialog input,.review-dialog input:not([type=radio]),.review-dialog textarea {color:var(--cocoa);border-color:#ab9684;background:#fff}
.lead-dialog input:focus,.review-dialog input:focus,.review-dialog textarea:focus {outline-color:var(--gold)}
.dialog-call,.form-status {color:var(--wine)}
.rating-options label>span:first-of-type {background:#f7f0e3;border-color:#b6975c;color:#79521d}
.rating-options label.unfilled>span:first-of-type {background:#fff;border-color:#b9aaa0;color:#7d7068}
.rating-options input:focus-visible+span {outline-color:var(--wine)}
.rating-options label:hover>span:first-of-type {border-color:var(--wine)}

@media(max-width:1120px) {header .header-phone{font-size:15px;padding:10px 12px}}
@media(max-width:1050px) {header .nav nav{top:105px}header .nav nav.open{background:#f5d0dc}}
@media(max-width:760px) {
  header .nav{height:84px}
  header .nav nav{top:91px}
  header .header-phone{font-size:13px;padding:9px 10px}
  header .header-phone span{font-size:10px}
  .reference-hero h1{font-size:clamp(31px,7.8vw,46px)}
  .wine-description,.device-hero .intro{font-size:17px}
}
@media(max-width:380px) {
  header .header-phone{font-size:12px;padding:8px}
  header .header-phone span{font-size:9px}
  header .logo small{font-size:7px;letter-spacing:.8px}
}

/* Darker wine hero, pink typography and oversized appliance staging. */
.reference-hero,.device-hero{background:#240008;color:#f8c6d6;overflow:hidden;isolation:isolate}
.reference-hero h1,.reference-hero .pink-accent,.wine-description,.wine-benefits h3,.wine-benefits p,.wine-benefits .pink-accent,.wine-phone,.wine-phone>span,.wine-phone strong,.wine-footnote{color:#f8c6d6;text-shadow:none}
.device-hero h1,.device-hero h1 em,.device-hero .eyebrow,.device-hero .intro,.device-hero .hero-note,.device-hero .hero-note strong,.device-hero .breadcrumbs,.device-hero .breadcrumbs a,.device-hero .visual-label{color:#f8c6d6;text-shadow:none}
.device-hero .dot{background:#f8c6d6}
.wine-benefits>div{background:#3d0b1b80;border-color:#c98c9f66}
.wine-cta,.device-hero .btn{background:#4a1024;color:#f8c6d6;border-color:#dfacbd}
.wine-cta:hover,.device-hero .btn:hover{background:#631b34;color:#ffd2e0}
.wine-cta span,.device-hero .btn span{color:inherit}
.device-hero .check{color:#f8c6d6;border-color:#d49aad}
.reference-hero :focus-visible,.device-hero :focus-visible{outline-color:#f8c6d6}
.wine-ribbon{background:#31000c;border-color:#713147}
.wine-ribbon p,.wine-ribbon a,.wine-ribbon span{color:#f8c6d6}
.device-hero .hero-grid{position:relative;grid-template-columns:1.04fr 1fr;gap:0;min-height:570px;align-items:center}
.device-hero .hero-copy,.wine-hero-copy{position:relative;isolation:isolate;z-index:2;min-width:0}
.device-hero .hero-copy:before,.wine-hero-copy:before{content:'';position:absolute;inset:-25px -75px -25px -20px;background:linear-gradient(90deg,#240008 0%,#240008 68%,#240008e8 84%,#24000800 100%);z-index:-1;pointer-events:none}
.device-hero .hero-visual{position:relative;min-height:570px;height:570px;background:none;border:0;border-radius:0;overflow:visible;z-index:1}
.device-hero .hero-visual img{position:relative;width:calc(100% + 190px);max-width:none;height:570px;max-height:none;margin-left:-125px;object-fit:contain;filter:drop-shadow(0 18px 16px #00000045)}
.device-hero .visual-label{top:0;left:auto;right:12px;z-index:2;font-size:13px}
.device-hero .floating-note{left:10px;bottom:4px;background:#370713;border:1px solid #b87d91;color:#f8c6d6;box-shadow:none;z-index:3}
.device-hero .floating-note small,.device-hero .floating-note>span{color:#f8c6d6}
.device-hero .floating-note>span{background:#5c1e34}
.wine-hero-grid{position:relative;grid-template-columns:1.08fr 1fr;gap:0;min-height:560px}
.wine-product-stage{position:relative;height:560px;max-height:none;overflow:visible;z-index:1}
.wine-product-stage img{position:absolute;display:block;max-width:none;width:auto;max-height:none;height:auto;object-fit:contain;filter:drop-shadow(0 20px 12px #00000040)}
.wine-product-stage .stage-fridge{right:-65px;bottom:25px;width:430px;height:560px}
.wine-product-stage .stage-washer{left:-105px;bottom:5px;width:355px;height:420px;z-index:2}
.wine-product-stage .stage-oven{right:-25px;bottom:-10px;width:265px;height:280px;z-index:3}
@media(min-width:1450px){.device-hero .hero-visual img{height:620px;width:calc(100% + 230px);margin-left:-145px}.device-hero .hero-grid,.device-hero .hero-visual{min-height:620px;height:auto}}
@media(max-width:1050px) and (min-width:761px){.device-hero .hero-grid{min-height:520px}.device-hero .hero-visual{height:520px;min-height:520px}.device-hero .hero-visual img{height:520px;width:calc(100% + 140px);margin-left:-100px}.device-hero .hero-copy:before,.wine-hero-copy:before{right:-55px}.wine-product-stage .stage-fridge{right:-45px;width:330px;height:490px}.wine-product-stage .stage-washer{left:-65px;width:285px;height:365px}.wine-product-stage .stage-oven{right:-20px;width:220px;height:240px}}
@media(max-width:760px){
 .device-hero .hero-grid,.wine-hero-grid{grid-template-columns:1fr;gap:25px;min-height:0}
 .device-hero .hero-copy:before,.wine-hero-copy:before{display:none}
 .device-hero .hero-visual{height:440px;min-height:440px;margin-top:0}
 .device-hero .hero-visual img{width:100%;height:420px;max-height:none;margin:0;object-fit:contain}
 .device-hero .visual-label{top:0;right:0;font-size:12px}
 .device-hero .floating-note{left:0;bottom:0;padding:13px 16px;max-width:100%;font-size:14px}
 .device-hero .floating-note small{font-size:12px}
 .wine-product-stage{height:420px;max-height:none;overflow:visible}
 .wine-product-stage .stage-fridge{right:-15px;bottom:10px;width:64%;height:410px}
 .wine-product-stage .stage-washer{left:-10px;bottom:0;width:57%;height:310px}
 .wine-product-stage .stage-oven{right:0;bottom:-5px;width:42%;height:210px}
}
@media(max-width:380px){.device-hero .hero-visual{height:370px;min-height:370px}.device-hero .hero-visual img{height:350px}.wine-product-stage{height:350px}.wine-product-stage .stage-fridge{height:345px}.wine-product-stage .stage-washer{height:265px}.wine-product-stage .stage-oven{height:180px}}

/* Twelve appliance categories in one responsive showroom composition. */
.wine-product-stage.scene-all{height:600px;width:calc(100% + 40px);margin-left:-40px;overflow:visible}
.wine-product-stage.scene-all img.scene-item{position:absolute;inset:auto;left:var(--x);top:var(--y);width:var(--w);height:var(--h);max-width:none;max-height:none;margin:0;object-fit:contain;z-index:var(--layer);filter:drop-shadow(0 12px 8px #00000045)}
.wine-hero-copy:before{right:-40px;background:linear-gradient(90deg,#240008 0%,#240008 72%,#240008de 88%,#24000800 100%)}
.reference-hero h1,.wine-benefits h3,.wine-phone strong,.device-hero h1,.device-hero .hero-note strong{color:#fff}
.reference-hero h1 .pink-accent,.wine-benefits h3 .pink-accent,.device-hero h1 em{color:#f8c6d6}
.wine-cta,.device-hero .btn{color:#fff}
@media(min-width:1450px){.wine-product-stage.scene-all{height:640px;width:calc(100% + 60px);margin-left:-60px}}
@media(max-width:1050px) and (min-width:761px){.wine-product-stage.scene-all{height:500px;width:calc(100% + 20px);margin-left:-20px}}
@media(max-width:760px){.wine-product-stage.scene-all{width:100%;height:auto;aspect-ratio:1.1;margin:0 0 12px;overflow:visible}.wine-hero-copy:before{display:none}.wine-product-stage.scene-all img.scene-item{filter:drop-shadow(0 8px 5px #00000040)}}

/* Calm showroom arrangement: a shared baseline and three balanced groups. */
.wine-product-stage.scene-all{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:220px 200px 140px;gap:16px 14px;width:calc(100% + 20px);height:auto;min-height:592px;margin-left:-10px;align-items:end}
.wine-product-stage.scene-all img.scene-item{position:relative;inset:auto;left:auto;top:auto;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;object-fit:contain;object-position:center bottom;z-index:1;filter:drop-shadow(0 10px 8px #00000035)}
.wine-product-stage.scene-all img[src*="fridge-photo"]{grid-area:1/1}
.wine-product-stage.scene-all img[src*="freezer-photo"]{grid-area:1/2}
.wine-product-stage.scene-all img[src*="ironing-photo"]{grid-area:1/3}
.wine-product-stage.scene-all img[src*="vacuum-photo"]{grid-area:1/4}
.wine-product-stage.scene-all img[src*="washer-photo"]{grid-area:2/1}
.wine-product-stage.scene-all img[src*="dryer-photo"]{grid-area:2/2}
.wine-product-stage.scene-all img[src*="dishwasher-photo"]{grid-area:2/3}
.wine-product-stage.scene-all img[src*="oven-photo"]{grid-area:2/4}
.wine-product-stage.scene-all img[src*="hood-photo"]{grid-area:3/1}
.wine-product-stage.scene-all img[src*="microwave-photo"]{grid-area:3/2}
.wine-product-stage.scene-all img[src*="cooktop-photo"]{grid-area:3/3}
.wine-product-stage.scene-all img[src*="coffee-photo"]{grid-area:3/4}
.wine-hero-copy:before{right:-20px}
@media(min-width:1450px){.wine-product-stage.scene-all{width:calc(100% + 20px);margin-left:-10px;grid-template-rows:235px 215px 145px;min-height:627px}}
@media(max-width:1050px) and (min-width:761px){.wine-product-stage.scene-all{width:100%;margin-left:0;grid-template-rows:190px 170px 120px;gap:14px 8px;min-height:508px}}
@media(max-width:760px){.wine-product-stage.scene-all{width:100%;margin:0;min-height:0;height:auto;aspect-ratio:1.05;grid-template-rows:1.2fr 1fr .8fr;gap:12px 8px}.wine-hero-copy:before{display:none}}

/* Unified photographic composition with softly luminous metal highlights. */
.wine-hero-image.glowing-appliance-scene{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;width:calc(100% + 100px);margin-left:-55px;min-height:540px;height:auto;overflow:visible}
.glowing-appliance-scene:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:10% -2% 6%;background:radial-gradient(ellipse at 55% 48%,#f8c6d630 0%,#e9a4bd13 44%,transparent 72%);filter:blur(22px)}
.wine-hero-image.glowing-appliance-scene img{position:relative;display:block;width:100%;height:auto;max-width:none;max-height:none;object-fit:contain;filter:drop-shadow(0 0 12px #f8c6d618) drop-shadow(0 18px 12px #00000030)}
.wine-hero-copy:before{right:-35px}
@media(min-width:1450px){.wine-hero-image.glowing-appliance-scene{width:calc(100% + 130px);margin-left:-70px;min-height:570px}}
@media(max-width:1050px) and (min-width:761px){.wine-hero-image.glowing-appliance-scene{width:calc(100% + 60px);margin-left:-30px;min-height:460px}}
@media(max-width:760px){.wine-hero-image.glowing-appliance-scene{width:calc(100% + 24px);margin-left:-12px;min-height:0;height:auto;max-height:none;overflow:visible}.glowing-appliance-scene:before{inset:6% 0;filter:blur(15px)}.wine-hero-copy:before{display:none}}

/* Larger description and a separate, wider visual column. */
.reference-hero .wine-hero-grid{width:min(1560px,calc(100% - 80px));grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:56px}
.reference-hero .wine-description{font-size:22px;line-height:1.65;font-weight:500;max-width:620px;margin-bottom:28px}
.reference-hero .wine-hero-copy{max-width:640px}
.reference-hero .wine-hero-copy:before{display:none}
.reference-hero .wine-hero-image.glowing-appliance-scene{width:calc(100% + 40px);margin-left:0;margin-right:-40px;min-height:560px;max-height:none;transform:none}
@media(min-width:1650px){.reference-hero .wine-hero-image.glowing-appliance-scene{min-height:610px}}
@media(max-width:1199px){.reference-hero .wine-hero-grid{width:calc(100% - 48px);grid-template-columns:1fr;gap:26px}.reference-hero .wine-hero-copy{max-width:760px}.reference-hero .wine-description{max-width:720px;font-size:21px}.reference-hero .wine-hero-image.glowing-appliance-scene{justify-self:end;width:min(900px,100%);margin:0;min-height:0;height:auto}}
@media(max-width:760px){.reference-hero .wine-hero-grid{width:calc(100% - 36px);gap:28px}.reference-hero .wine-description{font-size:19px;line-height:1.7}.reference-hero .wine-hero-image.glowing-appliance-scene{width:100%;margin:0;min-height:0}}
.reference-hero .wine-description { color: #ffffff; }

/* Seamless black discount ticker directly below the hero. */
.promo-marquee{position:relative;overflow:hidden;background:#030303;color:#fff;padding:17px 0;isolation:isolate}
.promo-track{display:flex;width:max-content;animation:promo-scroll 32s linear infinite;will-change:transform}
.promo-group{display:flex;align-items:center;justify-content:space-around;gap:60px;min-width:max(100vw,1250px);flex-shrink:0;padding:0 32px}
.promo-group span{display:block;white-space:nowrap;font-size:17px;line-height:1.5;font-weight:700;letter-spacing:.2px;color:#fff}
.promo-group span:before{content:'•';padding-right:22px;color:#fff}
.promo-pause{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;border:1px solid #666;border-radius:50%;background:#030303;color:#fff;font-size:17px;line-height:1;box-shadow:0 0 0 9px #030303;z-index:2;cursor:pointer}
.promo-pause:hover{border-color:#fff}.promo-pause:focus-visible{outline:2px solid #fff;outline-offset:3px}
.promo-marquee.is-paused .promo-track{animation-play-state:paused}
@keyframes promo-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:760px){.promo-marquee{padding:15px 0}.promo-group span{font-size:16px}.promo-group{gap:44px}}
@media(prefers-reduced-motion:reduce){.promo-track{animation:none;width:100%}.promo-group{min-width:0;width:100%;padding:0 20px;justify-content:center}.promo-group:nth-child(2),.promo-group span:not(:first-child),.promo-pause{display:none}.promo-group span:before{display:none}}
/* Appliance catalogue: pale pink field and four burgundy cards per row. */
#services.services-section{width:100%;max-width:none;background:#fbe7ee;padding:88px 0 72px;color:#54051e}
#services .wrap{width:min(1400px,calc(100% - 64px))}
#services .section-head{display:block;text-align:center;margin:0 auto 42px}
#services h2{font-size:clamp(36px,4.4vw,64px);line-height:1.12;color:#650b28;letter-spacing:-.035em;margin:0 0 20px}
#services .section-head p{font-size:18px;line-height:1.6;color:#744554;max-width:none;margin:0}
#services .services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#services .service{display:flex;flex-direction:column;aspect-ratio:1;min-width:0;padding:26px 22px 22px;border-radius:16px;background:#57051f;border:1px solid #77243d;color:#fff;box-shadow:0 8px 22px #49091c0b;transition:transform .3s,box-shadow .3s,border-color .3s}
#services .service:is(:hover,:focus-visible){background:#57051f;border-color:#f7c8d8;transform:translateY(-5px);box-shadow:0 14px 30px #49091c25}
#services .service:focus-visible{outline:3px solid #8a2649;outline-offset:4px}
#services .service-num{color:#e7abbf;top:16px;left:18px;font-size:12px}
#services .service h3{color:#fff;font-size:clamp(17px,1.5vw,22px);line-height:1.3;margin:12px 0 8px;padding:0;min-height:2.6em;overflow-wrap:normal;text-decoration:none}
#services .service p{color:#f5c9d8;font-size:13px;line-height:1.5;min-height:3em;margin:0;padding:0 22px 0 0;max-width:none}
#services .round-arrow{background:transparent;color:#fbe7ee;border-color:#c78099;bottom:18px;right:15px;width:28px;height:28px;font-size:18px}
#services .other{color:#650b28;margin-top:32px;border-color:#e1b8c5}
#services .other p,#services .other .text-button{color:#650b28;font-size:16px}
#services .appliance-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:110px;position:relative;isolation:isolate}
#services .appliance-stage:before{content:'';position:absolute;inset:12% 10%;z-index:-1;background:radial-gradient(ellipse,#f4dae52d,transparent 68%);transition:opacity .4s;opacity:.7}
#services .appliance-visual{position:absolute;display:block;top:0;bottom:0;margin:auto;height:100%;width:auto;max-height:180px;aspect-ratio:1;max-width:100%;filter:grayscale(1) brightness(.92) contrast(1.05) drop-shadow(0 0 7px #ffe4ee55);transition:filter .4s,transform .45s;perspective:600px}
#services .service img{display:block;width:100%;height:100%;margin:0;object-fit:contain;mix-blend-mode:normal}
#services .service-washing-machines .appliance-visual{aspect-ratio:1066/1475}
#services .service:is(:hover,:focus-visible) .appliance-visual{filter:grayscale(1) brightness(1.05) contrast(1.05) drop-shadow(0 0 12px #ffe4ee88)}
#services .appliance-drum{position:absolute;left:30.5%;top:30.5%;width:41.3%;height:31.9%;border-radius:50%;background-size:242.13% 313.48%;background-position:51.96% 44.79%}
#services .service:is(:hover,:focus-visible) .appliance-drum{animation:catalogue-spin 2.5s linear infinite}
#services .appliance-door{position:absolute;inset:0;background-size:100% 100%;clip-path:polygon(44% 3%,67% 8%,67% 59%,44% 61%);transform-origin:44% 35%;transition:transform .65s ease}
#services .service-refrigerators:is(:hover,:focus-visible) .appliance-door{transform:rotateY(-32deg);filter:drop-shadow(4px 2px 3px #0006)}
#services .appliance-shine{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 35%,#ffffff55 49%,transparent 61%);mix-blend-mode:screen;transform:translateX(-40%)}
#services .service:is(:hover,:focus-visible) .appliance-shine{animation:catalogue-shine 1.8s ease-in-out infinite}
#services :is(.service-vacuum-cleaners,.service-ironing-systems):is(:hover,:focus-visible) .appliance-visual{animation:catalogue-sway 1.8s ease-in-out infinite}
#services :is(.service-dishwashers,.service-ovens,.service-microwaves):is(:hover,:focus-visible) .appliance-visual{transform:perspective(600px) rotateX(-4deg) scale(1.025)}
#services :is(.service-hoods,.service-coffee-machines,.service-cooktops,.service-dryers,.service-freezers):is(:hover,:focus-visible) .appliance-visual{animation:catalogue-float 2s ease-in-out infinite}
@keyframes catalogue-spin{to{transform:rotate(360deg)}}
@keyframes catalogue-shine{0%{opacity:0;transform:translateX(-40%)}40%{opacity:.35}100%{opacity:0;transform:translateX(40%)}}
@keyframes catalogue-sway{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}
@keyframes catalogue-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:1100px){#services .services-grid{gap:14px}#services .service{padding:24px 16px 18px}#services .appliance-stage{min-height:90px}#services .service h3{font-size:17px}#services .service p{font-size:12px}}
@media(max-width:900px){#services .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#services .service{padding:26px 24px 22px}#services .service h3{font-size:22px}#services .service p{font-size:14px}#services .appliance-visual{max-height:200px}}
@media(max-width:560px){#services.services-section{padding:56px 0 44px}#services .wrap{width:calc(100% - 28px)}#services .section-head{margin-bottom:28px}#services .section-head p{font-size:16px}#services .services-grid{gap:10px}#services .service{aspect-ratio:auto;min-height:264px;padding:23px 12px 16px;border-radius:12px}#services .appliance-stage{height:110px;flex:none;min-height:0}#services .service h3{font-size:16px;min-height:2.6em}#services .service p{font-size:12px;padding-right:0;min-height:4.5em}#services .service-num{font-size:10px;left:12px;top:10px}#services .round-arrow{display:none}#services .other{display:block}#services .other .text-button{margin-top:12px}}
@media(prefers-reduced-motion:reduce){#services .service,#services .appliance-visual,#services .appliance-door{transition:none}#services .service:is(:hover,:focus-visible){transform:none}#services .service:is(:hover,:focus-visible) .appliance-visual,#services .service:is(:hover,:focus-visible) .appliance-door{animation:none;transform:none}#services .service:is(:hover,:focus-visible) .appliance-drum,#services .service:is(:hover,:focus-visible) .appliance-shine{animation:none}}
