*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7fa;color:#13233a;font-family:Arial,Helvetica,sans-serif}.wrap{width:min(1380px,94%);margin:0 auto}.topbar{background:#062a4b;color:#fff;font-size:13px}.topinner{display:flex;gap:25px;align-items:center;min-height:36px}.topinner span{white-space:nowrap}.toplinks{margin-left:auto;display:flex;gap:18px}.toplinks a{color:#fff;text-decoration:none}.header{background:#fff;border-bottom:1px solid #e8edf2}.head{display:flex;align-items:center;gap:22px;min-height:94px}.logo{position:relative;text-decoration:none;color:#0a3760;font-size:37px;font-weight:800;line-height:1}.logo b{color:#ed2632}.logo small{display:block;font-size:10px;color:#e22732;letter-spacing:.7px;margin-top:6px;text-align:center}.searchbox{flex:1;display:flex;align-items:center;border:1px solid #dce3ea;border-radius:26px;background:#fff;box-shadow:0 5px 20px rgba(13,44,82,.06);overflow:hidden}.searchbox span{font-size:25px;padding-left:18px;color:#72839a}.searchbox input{flex:1;border:0;outline:none;font-size:16px;padding:14px 12px}.searchbox button{height:48px;border:0;background:#e92632;color:#fff;font-weight:800;padding:0 24px;cursor:pointer}.headWhatsApp{border:0;background:#f0fff5;color:#138b47;border-radius:14px;padding:10px 14px;display:flex;gap:9px;align-items:center;cursor:pointer}.headWhatsApp span{font-size:27px}.headIcon{position:relative;text-decoration:none;color:#0c2f51;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:54px}.headIcon span{font-size:28px;line-height:1}.headIcon small{font-size:11px}.cart i{position:absolute;top:-7px;right:5px;width:19px;height:19px;border-radius:50%;background:#e92632;color:#fff;font-size:11px;font-style:normal;display:grid;place-items:center}.navwrap{background:#fff;border-bottom:1px solid #e5eaf0;position:sticky;top:0;z-index:30;box-shadow:0 2px 8px rgba(0,0,0,.04)}.nav{display:flex;gap:4px;overflow:auto}.nav button{border:0;background:#fff;color:#26384f;padding:15px 15px;font-weight:700;white-space:nowrap;cursor:pointer}.nav button:hover{color:#e92632}.nav .allcat{margin:7px 5px 7px 0;padding:11px 17px;border-radius:8px;background:#f1f4f7;color:#26384f;transition:background .18s,color .18s}.nav .allcat.active{background:#e92632;color:#fff}.hero{padding:12px 0}.hero img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 10px 35px rgba(7,39,73,.13)}.brands{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;padding:5px 0 16px}.brand{background:#fff;border:1px solid #e5e9ee;border-radius:11px;min-height:64px;display:grid;place-items:center;font-weight:900;font-size:20px;color:#2e75c8;box-shadow:0 3px 14px rgba(20,45,75,.03)}.brand.active{color:#d72bb0}.brand:nth-child(3){color:#1d1d1d;font-style:italic}.brand:nth-child(4){color:#376cb3}.brand:nth-child(5){color:#3d7ad7}.brand:nth-child(6){color:#1a63bc}.brand:nth-child(7){color:#e02732}.brand:nth-child(8){color:#145eb4}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:6px 0 24px}.benefit{border-radius:13px;color:#fff;padding:18px 20px;min-height:88px;display:flex;flex-direction:column;justify-content:center}.benefit strong{font-size:17px}.benefit span{margin-top:5px;font-size:13px;opacity:.96}.benefit.red{background:#ed2632}.benefit.blue{background:#1677db}.benefit.green{background:#16a34a}.benefit.orange{background:#f28c13}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:4px 0 14px}.sectionHead label{font-size:12px;font-weight:900;letter-spacing:1.4px;color:#e92632}.sectionHead h1,.sectionHead h2{margin:5px 0 0}.sectionHead h1{font-size:28px}.sectionHead h2{font-size:26px}.countBadge{background:#eef5ff;color:#1c5ca7;border-radius:20px;padding:8px 13px;font-weight:800}.quickcats{padding-bottom:14px}.quickgrid{display:grid;grid-template-columns:repeat(8,1fr);gap:11px}.quickgrid button{padding:0 0 13px;border:1px solid #e5e9ef;background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;color:#19324f;box-shadow:0 5px 18px rgba(10,40,72,.04)}.quickgrid .quickPhoto{width:100%;height:130px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}.quickgrid img{width:76%;height:76%;object-fit:contain;object-position:center;display:block;transform:none;padding:0}.quickgrid b{display:block;font-size:14px;margin-top:3px}.quickgrid small{color:#75859b}.products{padding:10px 0 30px}.controls{display:flex;gap:8px}.controls select{border:1px solid #d9e0e8;background:#fff;border-radius:10px;padding:10px 12px;color:#1d324d}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{position:relative;background:#fff;border:1px solid #e1e7ed;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(8,41,72,.05);transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(8,41,72,.1)}.pic{height:265px;display:flex;align-items:center;justify-content:center;background:#fff;padding:14px}.pic img{width:100%;height:100%;object-fit:contain}.cardTop{display:flex;justify-content:space-between;align-items:center;padding:12px 13px 0}.brandTag{font-size:12px;font-weight:900;color:#d72bb0}.fav{font-size:25px;color:#b1bcc8}.cardBody{padding:8px 13px 14px}.model{font-size:12px;color:#8a97a8}.title{font-weight:800;line-height:1.25;margin:6px 0 4px;min-height:34px}.badge{display:inline-block;background:#e92632;color:#fff;font-weight:800;font-size:12px;border-radius:18px;padding:7px 9px;margin:6px 0}.price{font-size:24px;color:#cf202a;font-weight:900;margin-top:5px}.install{color:#bd1e29;font-weight:800;margin-top:5px}.waBtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;background:#1fb45b;color:#fff;border-radius:10px;padding:12px 10px;font-size:15px;font-weight:900;cursor:pointer;margin-top:12px}.waBtn:hover{background:#159c4d}.sourceNote{margin-top:7px;color:#8e9aa8;font-size:10px}.empty{background:#fff;border:1px dashed #ccd5df;border-radius:12px;padding:35px;text-align:center;color:#697a8f}.contact{margin:0 auto 40px;padding:20px 24px;border-radius:14px;background:#072b50;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.contact strong{font-size:22px}.contact p{margin:6px 0 0;color:#dbe8f5}.contact button{border:0;background:#1fb45b;color:#fff;font-weight:900;border-radius:10px;padding:13px 19px;cursor:pointer}.footer{background:#062a4b;color:#fff;padding:24px 0}.footer .wrap{display:flex;align-items:center;justify-content:space-between}.footer b{font-size:23px}.footer b span{color:#ed2632}.footer small{opacity:.85}@media(max-width:1050px){.brands{grid-template-columns:repeat(4,1fr)}.quickgrid{grid-template-columns:repeat(4,1fr)}.grid{grid-template-columns:repeat(3,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.head{flex-wrap:wrap;padding:12px 0}.searchbox{order:5;flex-basis:100%}}@media(max-width:700px){.topinner{gap:9px;overflow:auto}.topinner span:nth-of-type(n+3){display:none}.logo{font-size:28px}.headWhatsApp{margin-left:auto}.headIcon{display:none}.nav{padding-bottom:2px}.nav button{padding:12px 11px;font-size:12px}.hero{padding-top:8px}.hero img{border-radius:10px}.brands{grid-template-columns:repeat(4,1fr);gap:7px}.brand{min-height:48px;font-size:14px}.benefits{grid-template-columns:1fr 1fr;gap:8px}.benefit{min-height:95px;padding:13px 12px}.benefit strong{font-size:13px}.benefit span{font-size:11px}.sectionHead{align-items:start;flex-direction:column}.sectionHead h1,.sectionHead h2{font-size:22px}.quickgrid{grid-template-columns:repeat(2,1fr);gap:8px}.quickgrid .quickPhoto{height:112px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pic{height:160px;padding:9px}.cardTop{padding:9px 9px 0}.cardBody{padding:7px 9px 10px}.title{font-size:13px;min-height:34px}.price{font-size:18px}.install{font-size:12px}.waBtn{font-size:13px;padding:10px 7px}.controls{width:100%}.controls select{flex:1}.contact{margin-bottom:20px;flex-direction:column;align-items:stretch}.footer .wrap{flex-direction:column;gap:8px;align-items:flex-start}}

.pic{position:relative;cursor:zoom-in}
.pic img{cursor:zoom-in}
.zoomHint{position:absolute;right:8px;bottom:8px;border:0;background:rgba(6,42,75,.88);color:#fff;border-radius:18px;padding:6px 9px;font-size:11px;font-weight:800;cursor:pointer}
.miniFeatures{font-size:11px;color:#65778b;line-height:1.35;min-height:30px;margin:5px 0}
.detailsBtn{width:100%;border:1px solid #cbd5df;background:#fff;color:#062a4b;border-radius:9px;padding:9px 8px;font-weight:800;cursor:pointer;margin-top:8px}
.productModal{position:fixed;inset:0;display:none;z-index:9999}
.productModal.show{display:block}
.modalShade{position:absolute;inset:0;background:rgba(3,18,32,.72)}
.modalBox{position:relative;width:min(920px,92vw);max-height:90vh;overflow:auto;margin:5vh auto;background:#fff;border-radius:18px;padding:22px;box-shadow:0 24px 80px rgba(0,0,0,.3)}
.modalClose{position:absolute;right:12px;top:8px;width:40px;height:40px;border:0;border-radius:50%;background:#eef2f6;color:#062a4b;font-size:28px;cursor:pointer;z-index:2}
.modalGrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:28px;align-items:center}
.modalImage{min-height:420px;display:flex;align-items:center;justify-content:center;background:#f7f9fb;border-radius:14px;padding:25px}
.modalImage img{max-width:100%;max-height:60vh;object-fit:contain}
.modalInfo h2{font-size:28px;margin:7px 0 18px;color:#062a4b}
.modalFeatures{white-space:pre-line;font-size:15px;line-height:1.7;color:#40536a;background:#f6f8fa;border-radius:12px;padding:16px;margin-bottom:18px}
.modalPrice{font-size:30px;font-weight:900;color:#cf202a;margin-top:12px}
body.modalOpen{overflow:hidden}
@media(max-width:700px){.modalBox{margin:2vh auto;max-height:96vh;padding:14px}.modalGrid{grid-template-columns:1fr;gap:14px}.modalImage{min-height:260px}.modalInfo h2{font-size:22px}.modalPrice{font-size:25px}.miniFeatures{font-size:10px}}

.hero{padding-top:14px}.heroSlider{position:relative;overflow:hidden;border-radius:14px;background:#062a4b}.heroSlide{display:none;width:100%}.heroSlide.active{display:block}.heroSlide img{display:block;width:100%;height:auto;aspect-ratio:1536/341;object-fit:contain;border-radius:14px}.heroTextSlide{align-items:center;justify-content:center;text-align:center;padding:30px;background:linear-gradient(135deg,#cf202a,#062a4b);color:#fff}.heroTextSlide.alt{background:linear-gradient(135deg,#1d5e95,#0b2845)}.heroTextSlide.dark{background:linear-gradient(135deg,#111827,#334155)}.heroTextSlide div{display:flex;flex-direction:column;gap:12px}.heroTextSlide span{font-weight:900;letter-spacing:2px;font-size:15px}.heroTextSlide strong{font-size:38px;line-height:1.05}.heroTextSlide small{font-size:16px}.bannerDots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:7px}.bannerDot{width:9px;height:9px;border:0;border-radius:50%;background:#fff;opacity:.55;padding:0;cursor:pointer}.bannerDot.active{opacity:1;transform:scale(1.25)}.contactInfo{width:100%}.contactActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.contactActions a{display:inline-flex;align-items:center;background:#fff;color:#062a4b;border-radius:10px;padding:11px 14px;font-weight:900;text-decoration:none}.contactActions button{margin:0}.modalGallery{min-width:0}.galleryMeta{text-align:center;color:#697a8f;font-size:12px;margin:6px 0}.modalImage{position:relative}.galleryArrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;background:rgba(6,42,75,.9);color:#fff;font-size:30px;z-index:2;cursor:pointer}.galleryArrow:first-child{left:10px}.galleryArrow:last-child{right:10px}.thumbs{display:flex;gap:8px;overflow:auto;margin-top:10px;padding-bottom:4px}.thumb{width:70px;height:58px;flex:0 0 auto;border:2px solid transparent;border-radius:8px;background:#f3f5f7;padding:3px;cursor:pointer}.thumb.active{border-color:#062a4b}.thumb img{width:100%;height:100%;object-fit:contain}.illustrativeNote{font-size:12px;color:#8b5e00;background:#fff7df;border:1px solid #f0d58b;border-radius:8px;padding:9px;margin-bottom:12px}
@media(max-width:700px){.heroSlider{border-radius:10px}.heroSlide img{aspect-ratio:1536/341}.heroTextSlide strong{font-size:25px}.heroTextSlide small{font-size:12px}.contactActions{flex-direction:column}.contactActions a,.contactActions button{width:100%;justify-content:center}.thumb{width:60px;height:50px}}

.phoneLink{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:#052d55;text-decoration:none;white-space:nowrap}
.noImage{height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#64748b;font-weight:700;text-align:center}
.noImage span{font-size:14px}.noImage small{font-size:12px;font-weight:600}
.heroSlide img{width:100%;height:auto;aspect-ratio:1536/341;object-fit:contain;display:block}

/* One set-card visual composed from its exact hood, hob and oven product photos. */
.setComposite{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:7px;padding:9px;border-radius:11px;background:linear-gradient(145deg,#082c4d,#154d79);color:#fff;overflow:hidden}
.setCompositeTitle{text-align:center;font-size:10px;font-weight:900;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.setCompositeParts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex:1;min-height:0}
.setPart{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0;gap:3px;padding:5px 3px;border:1px solid #dce5ec;border-radius:8px;background:#fff;box-shadow:0 3px 10px #03182d33;color:#18344f}
.setPart span{font-size:9px;font-weight:900;line-height:1;white-space:nowrap}
.setPart img{width:100%;height:calc(100% - 29px);min-height:0;object-fit:contain}
.setPart small{max-width:100%;font-size:7px;font-weight:700;line-height:1.05;text-align:center;overflow-wrap:anywhere}
.setCompositeFooter{text-align:center;font-size:8px;font-weight:800;letter-spacing:.06em;color:#ffda71}

/* V14 mobile header fix: remove the large empty area between logo/phone and search */
@media(max-width:700px){
  .header{border-bottom:1px solid #e8edf2}
  .head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto auto;
    align-items:center;
    gap:8px 10px;
    min-height:0;
    padding:9px 0 11px;
  }
  .logo{grid-column:1;grid-row:1;font-size:28px;line-height:.95;min-width:0}
  .logo small{font-size:8px;margin-top:4px;letter-spacing:.5px}
  .phoneLink{grid-column:2;grid-row:1;font-size:14px;align-self:center}
  .headWhatsApp{grid-column:2;grid-row:2;margin:0;justify-self:end;padding:7px 10px;border-radius:11px;font-size:12px;line-height:1.05;min-height:39px}
  .headWhatsApp span{font-size:20px}
  .searchbox{grid-column:1 / -1;grid-row:3;order:initial;width:100%;height:48px;min-height:48px}
  .searchbox input{font-size:15px;padding:12px 8px}
  .searchbox button{height:48px;padding:0 20px}
  .headIcon{display:none}
}

/* V15: mobile header visual based on approved new Veresiye AL design */
.mobileHeaderVisual{display:none}
@media(max-width:700px){
  .mobileHeaderVisual{display:block;grid-column:1 / -1;grid-row:1;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:0;margin:0;box-shadow:none}
  .head{grid-template-rows:auto auto;gap:8px 0;padding:0 0 10px}
  .logo,.phoneLink,.headWhatsApp{display:none!important}
  .searchbox{grid-column:1 / -1;grid-row:2;width:100%;height:50px;min-height:50px;border-radius:26px}
}

/* V17 approved veresiyeal.com professional header */
@media(max-width:700px){
  .mobileHeaderVisual{width:100%;height:auto;display:block;aspect-ratio:2070/760;object-fit:contain;background:#fff;}
  .head{padding:0 0 8px;gap:0;}
  .searchbox{margin:0 0 0;width:100%;}
}

.adminFab{position:fixed;right:14px;bottom:14px;z-index:40;border:0;border-radius:999px;background:#062a4b;color:#fff;padding:11px 15px;font-weight:900;box-shadow:0 8px 24px #0003}.adminModal{display:none;position:fixed;inset:0;z-index:100}.adminModal.show{display:block}.adminShade{position:absolute;inset:0;background:#001426aa}.adminBox{position:absolute;right:14px;top:14px;width:min(460px,calc(100% - 28px));max-height:calc(100vh - 28px);overflow:auto;background:#fff;border-radius:18px;padding:20px;box-shadow:0 20px 60px #0005}.adminClose{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:30px;cursor:pointer}.adminHead{display:flex;justify-content:space-between;align-items:end;padding-right:30px;margin-bottom:16px}.adminHead b{font-size:22px;color:#062a4b}.adminHead span{font-size:12px;color:#68798c}.adminBox input,.adminBox select{width:100%;box-sizing:border-box;padding:12px;margin:6px 0;border:1px solid #d7dee7;border-radius:10px;font:inherit}.adminPrimary,.adminSecondary,.adminLogout{border:0;border-radius:10px;padding:12px 14px;font-weight:900;cursor:pointer}.adminPrimary{background:#cf202a;color:#fff;width:100%}.adminSecondary{background:#e9f1f8;color:#062a4b}.adminLogout{background:#f5f5f5;color:#555;margin-top:14px;width:100%}.adminBox small{display:block;color:#718096;font-size:11px;line-height:1.45;margin-top:10px}.adminSlots{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.adminSlot{border:1px solid #dfe5eb;border-radius:12px;padding:10px}.adminSlot label{font-weight:800;font-size:12px;display:block;margin-bottom:6px}.adminSlot img{width:100%;height:100px;object-fit:contain;background:#f7f9fb;border-radius:8px;margin-bottom:6px}.adminSlot input[type=file]{font-size:11px;width:100%}.adminUrl{width:100%!important;margin-top:5px!important;padding:8px!important;font-size:11px!important}.adminActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.adminNotice{padding:10px;border-radius:10px;background:#fff7df;color:#765400;font-size:12px;margin-top:10px}
@media(max-width:600px){.adminFab{bottom:10px;right:10px;font-size:12px}.adminBox{top:8px;right:8px;width:calc(100% - 16px);max-height:calc(100vh - 16px);padding:15px}.adminSlots{grid-template-columns:1fr 1fr}.adminSlot img{height:85px}}

.adminInternetHelp{margin-top:12px;padding:12px;border-radius:12px;background:#eef7ff;border:1px solid #d7e9fb;color:#173b5e;display:flex;flex-direction:column;gap:5px;font-size:12px;line-height:1.4}.adminInternetHelp b{font-size:13px}.internetSearchBtn,.useImageBtn{width:100%;border:1px solid #d7dee7;border-radius:9px;background:#f7fafc;color:#062a4b;padding:9px 7px;font-weight:800;font-size:11px;margin-top:5px}.internetSearchBtn{background:#eaf4ff;border-color:#bcd8f3}.useImageBtn{background:#eaf8ef;border-color:#b9e2c5;color:#17633a}.qualityBadge{min-height:17px;font-size:10px;font-weight:800;line-height:1.3;margin:2px 0}.qualityBadge.good{color:#137333}.qualityBadge.ok{color:#246bce}.qualityBadge.bad{color:#b42318}.qualityBadge.checking{color:#68798c}
@media(max-width:600px){.adminInternetHelp{font-size:11px}.internetSearchBtn,.useImageBtn{font-size:10px;padding:8px 5px}}
.shareTargetHint{margin-top:10px;padding:11px 12px;border-radius:12px;background:#eaf8ef;border:1px solid #b9e2c5;color:#17633a;font-size:12px;line-height:1.45}
.incomingImageBox{margin-top:14px;padding:14px;border:2px solid #0a6fb8;border-radius:16px;background:#eef8ff}
.incomingTitle{font-size:20px;font-weight:800;color:#052d55;margin-bottom:10px}
.incomingContent{display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:start}
.incomingPreviewWrap{background:#fff;border-radius:12px;padding:8px;border:1px solid #c9d9e8;text-align:center}
#incomingImagePreview{width:100%;max-height:220px;object-fit:contain;border-radius:8px;background:#f5f5f5}
.incomingName{font-size:12px;margin-top:6px;word-break:break-all;color:#4b5563}
.incomingControls select{width:100%;margin:6px 0 10px;padding:12px;border-radius:10px;border:1px solid #cbd5e1;font-size:15px;background:#fff}
.incomingStep{font-weight:800;color:#17324d;margin-top:4px}
.incomingSlots{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.incomingSlotBtn{border:0;border-radius:10px;padding:11px 8px;background:#0a6fb8;color:#fff;font-weight:800;cursor:pointer}
.incomingStatus{margin-top:10px;padding:10px;border-radius:10px;background:#fff;font-size:13px;line-height:1.4}
@media(max-width:600px){.incomingContent{grid-template-columns:1fr}.incomingPreviewWrap{max-width:280px;margin:auto}.incomingSlots{grid-template-columns:1fr 1fr}}

/* Equal-size, image-led brand campaigns and the store's own logo. */
.mobileHeaderVisual{display:none!important}
.head{min-height:110px}
.logo{display:flex;align-items:center;justify-content:center;flex:0 0 162px;width:162px;height:94px;overflow:hidden;border-radius:8px}
.logo img{display:block;width:100%;height:100%;object-fit:contain}
.heroSlider{height:clamp(360px,32vw,430px);box-shadow:0 12px 36px rgba(7,39,73,.15)}
.heroSlide{height:100%}
.heroSlide.brandHero.active{height:100%;min-height:0;aspect-ratio:auto;grid-template-columns:.92fr 1.08fr;padding:clamp(20px,3.5vw,48px);gap:22px}
.brandHeroLogo{width:150px!important;height:auto!important;max-height:30px;object-fit:contain!important;box-shadow:none!important}
.brandHeroVisual{height:100%;max-height:330px}
.brandHeroVisual img{width:100%!important;height:100%!important;max-height:320px;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}
.heroSlide.altusHero.active{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(12px,2vw,28px);height:100%;min-height:0;padding:clamp(20px,3.5vw,48px);overflow:hidden;isolation:isolate;position:relative;color:#fff}
.altusHero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 82% 46%,#fff4 0,transparent 45%),linear-gradient(116deg,#061c35 0%,#102a48 43%,#d40070 43.2%,#a9005e 100%)}
.altusHero.altusTv:before{background:radial-gradient(ellipse at 82% 45%,#4ab6ff55 0,transparent 43%),linear-gradient(116deg,#061c35 0%,#102a48 43%,#0756a7 43.2%,#052844 100%)}
.altusHero.altusCold:before{background:radial-gradient(ellipse at 82% 45%,#b3f0ff55 0,transparent 43%),linear-gradient(116deg,#061c35 0%,#102a48 43%,#0874a5 43.2%,#052844 100%)}
.altusHeroCopy{display:flex;align-items:flex-start;flex-direction:column;gap:12px;min-width:0;z-index:1}
.altusHeroLogo{width:132px!important;height:34px!important;max-height:34px;object-fit:contain!important;object-position:left center!important;border-radius:0!important;box-shadow:none!important;background:#fff;padding:3px 7px}
.altusEyebrow{font-size:11px;font-weight:900;letter-spacing:2px;color:#ffd5ec}
.altusHeroCopy strong{font-size:clamp(32px,4vw,58px);line-height:.93;letter-spacing:-1.6px}
.altusHeroCopy strong em{font-size:.74em;font-style:normal;color:#ffd354;letter-spacing:.4px}
.altusHeroCopy small{font-size:clamp(12px,1.2vw,16px);line-height:1.45;color:#e3edf6;max-width:410px}
.altusOffer{display:flex;align-items:center;gap:8px;color:#eef5fb;font-size:11px;font-weight:900;letter-spacing:.8px}
.altusOffer b{padding:7px 11px;border-radius:999px;background:#e8263a;color:#fff;font-size:13px}
.altusHeroCopy button{border:0;border-radius:9px;background:#f7c647;color:#142841;padding:11px 15px;font-size:11px;font-weight:900;letter-spacing:.3px;cursor:pointer;box-shadow:0 7px 20px #0003}
.altusHeroCopy button span{font-size:17px;margin-left:8px}
.altusHeroVisual{height:100%;min-width:0;max-height:328px;display:grid;place-items:center;z-index:1}
.altusHeroVisual img{width:100%;height:100%;max-height:320px;object-fit:cover;object-position:70% center;border:1px solid #ffffffbb;border-radius:16px;box-shadow:0 20px 48px #0005}
.brandTag{display:flex;align-items:center;justify-content:flex-start;min-height:26px}
.brandTag.grundigTag{padding:4px 7px;border-radius:4px;background:#e34332}
.brandTag.bekoTag{padding:2px 5px;border-radius:4px;background:#fff}
.brandTag.bekoTag img{display:block;width:58px;height:22px;object-fit:contain}
.brandTag.grundigTag img{display:block;width:86px;height:auto}
.brandTag.altusTag{min-width:76px;height:26px;padding:2px 5px;background:#fff;border-radius:4px}
.brandTag.altusTag img{display:block;width:68px;height:21px;object-fit:contain}
.brands .altusBrand img{width:min(140px,82%);height:34px;object-fit:contain}
.brands .grundigBrand img{width:min(140px,85%);height:auto;max-height:26px;object-fit:contain}
.footerLogo{width:112px;height:76px;object-fit:contain;border-radius:6px;background:#fff}
@media(max-width:700px){
  .head{min-height:0;grid-template-rows:auto auto;gap:0;padding:4px 0 8px}
  .logo{display:flex!important;grid-column:1;grid-row:1;width:96px;height:64px;flex:0 0 96px;margin:0 0 3px}
  .logo img{width:100%;height:100%;object-fit:contain}
  .phoneLink,.headWhatsApp{display:none!important}
  .searchbox{grid-column:1/-1;grid-row:2;margin:0}
  .heroSlider{height:310px;border-radius:10px}
  .heroSlide.brandHero.active,.heroSlide.altusHero.active{grid-template-columns:.94fr 1.06fr;gap:8px;padding:13px}
  .brandHeroCopy,.altusHeroCopy{gap:8px}
  .brandHeroLogo{width:100px!important;max-height:20px}
  .brandHeroEyebrow,.altusEyebrow{font-size:8px;letter-spacing:1px}
  .brandHeroCopy strong,.altusHeroCopy strong{font-size:clamp(20px,6vw,29px);letter-spacing:-.3px}
  .brandHeroCopy small,.altusHeroCopy small{font-size:9px;line-height:1.3}
  .brandHeroOffer,.altusOffer{gap:4px;flex-wrap:wrap;font-size:7px}
  .brandHeroOffer b,.altusOffer b{font-size:9px;padding:5px 7px}
  .brandHeroCopy button,.altusHeroCopy button{padding:8px 7px;font-size:8px;letter-spacing:0}
  .brandHeroCopy button span,.altusHeroCopy button span{font-size:12px;margin-left:3px}
  .brandHeroVisual{max-height:none}
  .brandHeroVisual img{aspect-ratio:1.12/1!important;object-fit:cover!important;object-position:center 28%!important;border-radius:10px!important}
  .brandHeroVisual>span{right:0;bottom:-7px;padding:5px 7px;font-size:9px}
  .brandHeroGlow{filter:blur(24px)}
  .altusHeroLogo{width:83px!important;height:25px!important;padding:2px 5px}
  .altusHeroVisual{max-height:none}
  .altusHeroVisual img{object-position:70% center;border-radius:10px}
  .brands .altusBrand img{height:26px}
  .brandTag.grundigTag{min-height:22px;padding:3px 5px}
  .brandTag.grundigTag img{width:70px}
  .brandTag.altusTag{min-width:58px;height:22px}
  .brandTag.altusTag img{width:52px;height:18px}
  .footerLogo{width:88px;height:60px}
}

/* Grundig campaign and brand selector */
.heroSlide.brandHero.active{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;position:relative;isolation:isolate;overflow:hidden;min-height:420px;aspect-ratio:3.25/1;padding:clamp(24px,4.2vw,62px);gap:22px;border:1px solid #263d56;background:radial-gradient(ellipse at 78% 49%,#344d67 0,#1a2f49 31%,#08172a 72%);color:#fff}
.brandHero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(112deg,transparent 0 47%,#e7443225 47% 48%,transparent 48% 100%),radial-gradient(circle at 92% 7%,#e7443229,transparent 26%)}
.brandHeroCopy{position:relative;z-index:2;display:flex;align-items:flex-start;flex-direction:column;gap:13px}
.brandHeroLogo{width:clamp(140px,15vw,220px)!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:4px!important;box-shadow:0 10px 26px #0004}
.brandHeroEyebrow{font-size:12px;font-weight:900;letter-spacing:3px;color:#ffb7a8}
.brandHeroCopy strong{font-size:clamp(36px,4.3vw,67px);line-height:.91;letter-spacing:-2px}
.brandHeroCopy strong em{font-size:.8em;font-style:normal;color:#f5bd4b;letter-spacing:1px}
.brandHeroCopy small{font-size:clamp(12px,1.25vw,17px);color:#d9e3ed}
.brandHeroOffer{display:flex;align-items:center;gap:9px;margin-top:2px;color:#eaf1f8;font-size:12px;font-weight:800;letter-spacing:1px}
.brandHeroOffer b{background:#e74432;color:#fff;border-radius:999px;padding:8px 13px;font-size:14px}
.brandHeroCopy button{border:0;border-radius:9px;background:#f4c346;color:#142841;padding:12px 17px;font-size:12px;font-weight:900;letter-spacing:.6px;cursor:pointer;box-shadow:0 7px 22px #0003}
.brandHeroCopy button span{font-size:18px;margin-left:8px}
.brandHeroVisual{position:relative;display:grid;place-items:center;min-width:0;z-index:1}
.brandHeroVisual img{display:block;width:min(100%,720px)!important;height:auto!important;aspect-ratio:2.18/1!important;object-fit:cover!important;object-position:center 29%!important;border:1px solid #ffffff88;border-radius:15px!important;box-shadow:0 28px 70px #0007!important;position:relative;z-index:1}
.brandHeroGlow{position:absolute;inset:10% 4%;border-radius:50%;background:#f14b35;filter:blur(60px);opacity:.26}
.brandHeroVisual>span{position:absolute;right:3%;bottom:-11px;z-index:2;border:1px solid #ffffff55;border-radius:999px;background:#08172a;color:#fff;padding:9px 15px;font-size:14px;letter-spacing:1px}
.brandHeroVisual>span b{color:#f5bd4b}
.brandHeroLine{position:absolute;right:-7%;top:14%;width:56%;height:1px;transform:rotate(-21deg);background:linear-gradient(90deg,transparent,#f0bd4c99,transparent);z-index:-1}
.brands .brand{font:inherit;font-weight:900;letter-spacing:.1px;cursor:pointer}
.brands button.brand{width:100%;font-family:Arial,Helvetica,sans-serif}
.brands .brand.active{background:#f3f8ff;border-color:#9fb8d2;color:#0e3c67;box-shadow:0 0 0 2px #dbe9f6}
.brands .grundigBrand{background:#111c2a}
.brands .grundigBrand img{width:min(140px,80%);max-height:34px;object-fit:contain}
.brandTag.grundigTag{display:flex;align-items:center;min-height:20px}
.brandTag.grundigTag img{display:block;width:83px;height:auto}
.sourceNote{color:#86613b}
@media(max-width:700px){
  .heroSlide.brandHero.active{grid-template-columns:.9fr 1.1fr;min-height:320px;aspect-ratio:1.7/1;padding:16px;gap:6px}
  .brandHeroCopy{gap:8px}.brandHeroLogo{width:105px!important}.brandHeroEyebrow{font-size:8px;letter-spacing:1.4px}.brandHeroCopy strong{font-size:clamp(23px,6.7vw,33px);letter-spacing:-.5px}.brandHeroCopy small{font-size:10px;line-height:1.3}.brandHeroOffer{gap:5px;flex-wrap:wrap;font-size:8px}.brandHeroOffer b{font-size:10px;padding:6px 8px}.brandHeroCopy button{padding:9px 8px;font-size:9px;letter-spacing:0}.brandHeroCopy button span{font-size:14px;margin-left:3px}.brandHeroVisual img{aspect-ratio:1.15/1!important;object-position:center 28%!important}.brandHeroVisual>span{right:0;bottom:-10px;padding:6px 9px;font-size:10px}.brandHeroGlow{filter:blur(26px)}
}

/* Altus campaign art fills the same carousel frame as the Grundig feature. */
.heroSlide.altusHero.active{display:block;height:100%;min-height:0;padding:0;position:relative;overflow:hidden;background:#071c32;isolation:isolate}
.heroSlide.altusHero.active:before{display:none}
.heroSlide.altusHero.active .altusHeroCopy{display:flex;position:absolute;inset:0 auto 0 0;width:44%;z-index:3;justify-content:center;gap:11px;padding:clamp(18px,3vw,42px);background:linear-gradient(90deg,#061b32f2 0%,#0c2643dc 78%,#0c264300 100%)}
.heroSlide.altusHero.active .altusHeroVisual{position:absolute;inset:0;display:block;height:100%;max-height:none;z-index:0}
.heroSlide.altusHero.active .altusHeroVisual img{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center;border:0;border-radius:0;box-shadow:none}
.altusHeroCopy strong{font-size:clamp(25px,4vw,54px);line-height:.94;letter-spacing:-1px;color:#fff}
.altusHeroCopy strong em{font-style:normal;color:#f4c447}
.altusHeroCopy small{max-width:390px;font-size:clamp(12px,1.25vw,16px);line-height:1.45;color:#eef4fa}
.altusHeroLogo{width:clamp(100px,11vw,150px)!important;height:auto!important;max-height:38px;object-fit:contain!important;object-position:left center!important;box-shadow:none!important}
.altusEyebrow{font-size:11px;font-weight:900;letter-spacing:1.6px;color:#f8d871}
.altusOffer{font-size:11px;font-weight:900;letter-spacing:.6px;color:#fff}
.altusOffer b{padding:7px 10px;border-radius:999px;background:#e8263a;color:#fff;font-size:13px}
.altusHeroCopy button{border:0;border-radius:9px;background:#f7c647;color:#142841;padding:11px 14px;font-size:11px;font-weight:900;cursor:pointer}
.altusHeroCopy button span{margin-left:6px;font-size:16px}
.altusSlideTap{position:absolute;inset:0;z-index:2;width:100%;height:100%;border:0;border-radius:0;background:transparent;cursor:pointer}
@media(max-width:700px){
  .heroSlider{height:310px}
  .heroSlide.brandHero.active{min-height:310px;aspect-ratio:auto}
  .heroSlide.altusHero.active .altusHeroVisual img{object-position:65% center}
  .heroSlide.altusHero.active .altusHeroCopy{display:flex;position:absolute;inset:0 auto 0 0;width:52%;z-index:3;justify-content:center;gap:8px;padding:13px;background:linear-gradient(90deg,#061b32f5 0%,#0c2643ee 79%,#0c264300 100%)}
  .heroSlide.altusHero.active .altusHeroCopy strong{font-size:clamp(18px,5.5vw,27px);line-height:.95}
  .heroSlide.altusHero.active .altusHeroCopy small{font-size:9px;line-height:1.3}
  .heroSlide.altusHero.active .altusHeroLogo{width:83px!important;height:25px!important}
  .heroSlide.altusHero.active .altusOffer{font-size:7px}
  .heroSlide.altusHero.active .altusOffer b{font-size:9px;padding:5px 7px}
  .heroSlide.altusHero.active .altusHeroCopy button{padding:8px 7px;font-size:8px}
}

/* Use the supplied Veresiyeal mark and keep the two appliance logos legible. */
.logo{display:block;flex:0 0 136px;width:136px;height:108px;overflow:hidden;border-radius:4px}
.logo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 50%;border-radius:0;box-shadow:none}
.footerLogo{display:block;width:136px;height:108px;object-fit:cover;object-position:center 50%;border-radius:4px}
.brands .brand img{display:block;max-width:min(140px,85%);max-height:36px;object-fit:contain}
.brandTag img{display:block;max-width:90px;max-height:24px;object-fit:contain}
.brandTag.grundigTag img{width:83px;max-width:83px}
.brandHeroTap{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:0;border-radius:0;background:transparent;cursor:pointer}
.brandHeroVisual,.brandHeroLine{pointer-events:none}
@media(max-width:700px){
  .logo{grid-column:1;grid-row:1;flex-basis:96px;width:96px;height:76px}
  .footerLogo{width:88px;height:70px}
  .brands .brand img{max-width:85%;max-height:28px}
}

/* Ankastre campaign uses the real product photos from the three-part Altus set. */
.heroSlide.setHero.active{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;position:relative;isolation:isolate;overflow:hidden;height:100%;min-height:0;padding:clamp(22px,4vw,54px);gap:18px;background:radial-gradient(ellipse at 82% 45%,#fff6 0,transparent 38%),linear-gradient(115deg,#071b30 0 43%,#d40070 43.2%,#85004b 100%);color:#fff}
.setHeroCopy{position:relative;z-index:3;display:flex;align-items:flex-start;flex-direction:column;gap:10px;max-width:440px}
.setHeroLogo{width:118px!important;height:36px!important;object-fit:contain!important;object-position:left center!important;padding:4px 8px;background:#fff;border-radius:5px!important;box-shadow:none!important}
.setHeroEyebrow{font-size:11px;font-weight:900;letter-spacing:2px;color:#ffd6ea}
.setHeroCopy h2{margin:0;font-size:clamp(35px,4.5vw,65px);line-height:.92;letter-spacing:-1.8px}
.setHeroCopy h2 em{font-style:normal;color:#ffd052}
.setHeroCopy p{margin:0;max-width:360px;color:#e9f0f8;font-size:clamp(12px,1.2vw,16px);line-height:1.45}
.setHeroOffer{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.7px}
.setHeroOffer b{padding:7px 10px;border-radius:999px;background:#e8263a;color:#fff;font-size:13px}
.setHeroCopy button{position:relative;z-index:4;border:0;border-radius:9px;background:#f7c647;color:#142841;padding:11px 14px;font-size:11px;font-weight:900;cursor:pointer}
.setHeroCopy button span{margin-left:6px;font-size:16px}
.setHeroProducts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end;min-width:0;height:min(100%,300px)}
.setHeroProducts>div{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;min-width:0;padding:9px 6px 11px;border:1px solid #ffffff70;border-radius:13px;background:linear-gradient(155deg,#ffffffeb,#f5f7fa);box-shadow:0 14px 32px #0004}
.setHeroProducts img{display:block;width:100%;height:calc(100% - 24px);min-height:0;object-fit:contain;filter:drop-shadow(0 8px 9px #0002)}
.setHeroProducts small{color:#153456;font-size:10px;font-weight:900;letter-spacing:1px}
.setHeroTap{position:absolute;inset:0;z-index:2;width:100%;height:100%;border:0;border-radius:0;background:transparent;cursor:pointer}
.brands .logoBrand img{max-width:min(142px,82%);max-height:38px;width:auto;height:auto;object-fit:contain}
.brands .bekoBrand img{max-width:116px;max-height:33px}
.brands .arcelikBrand img{max-width:124px;max-height:42px}
.brands .ugurBrand img{max-width:112px;max-height:34px}
.brands .daikinBrand img{max-width:120px;max-height:37px}
.brands .philipsBrand img{max-width:118px;max-height:34px}
@media(max-width:700px){
 .heroSlide.setHero.active{grid-template-columns:.9fr 1.1fr;gap:7px;padding:13px}
 .setHeroCopy{gap:7px}.setHeroLogo{width:83px!important;height:25px!important;padding:2px 5px}
 .setHeroEyebrow{font-size:7px;letter-spacing:.8px}.setHeroCopy h2{font-size:clamp(21px,6vw,30px);letter-spacing:-.4px}
 .setHeroCopy p{font-size:9px;line-height:1.25}.setHeroOffer{gap:4px;flex-wrap:wrap;font-size:7px}.setHeroOffer b{font-size:9px;padding:5px 7px}
 .setHeroCopy button{padding:8px 6px;font-size:8px;white-space:nowrap}.setHeroProducts{gap:4px;height:68%;align-self:center}
 .setHeroProducts>div{padding:5px 2px 7px;border-radius:7px}.setHeroProducts small{font-size:7px;letter-spacing:.2px}
 .brands .logoBrand img{max-width:85%;max-height:26px}
}
.modalDescription{font-size:15px;line-height:1.65;color:#26384b;margin:0 0 14px;padding:0 2px}
.brands{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}
.brands .brand{width:100%;min-height:66px;cursor:pointer}
.brands .brand:focus-visible,.controls select:focus-visible{outline:3px solid #83b9f2;outline-offset:2px}
.controls select#brandSelect{min-width:150px;font-weight:700}
@media(max-width:700px){.brands{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.brands .brand{min-height:52px}.controls{flex-wrap:wrap}.controls select{min-width:0;flex:1 1 30%}.controls select#brandSelect{flex-basis:100%}}

/* Official Grundig wordmarks are square transparent canvases; crop their empty space to preserve the original mark. */
.brandHeroLogo{height:36px!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;box-shadow:none!important}
.brands .grundigBrand img{width:min(140px,82%);height:32px;max-height:none;object-fit:cover;object-position:center}
.brandTag.grundigTag{padding:0 4px;background:#f7f9fb;min-height:22px}
.brandTag.grundigTag img{width:83px;max-width:83px;height:22px;object-fit:cover;object-position:center}
@media(max-width:700px){.brandHeroLogo{height:24px!important}.brands .grundigBrand img{height:26px}.brandTag.grundigTag img{height:20px}}



.modalImage img{cursor:zoom-in}
.imageZoom{position:fixed;inset:0;z-index:10001;display:none;align-items:center;justify-content:center;overflow:hidden;padding:18px;background:rgba(3,18,32,.96)}
.imageZoom.show{display:flex}
.imageZoom img{max-width:78vw;max-height:78vh;object-fit:contain;transform:scale(1);cursor:zoom-out}
.imageZoomClose,.imageZoomArrow{position:fixed;z-index:2;border:0;border-radius:50%;background:rgba(255,255,255,.95);color:#062a4b;cursor:pointer;box-shadow:0 3px 16px rgba(0,0,0,.25)}
.imageZoomClose{top:18px;right:22px;width:48px;height:48px;font-size:34px;line-height:1}
.imageZoomArrow{top:50%;transform:translateY(-50%);width:48px;height:48px;font-size:36px;line-height:1}
.imageZoomArrow.prev{left:20px}
.imageZoomArrow.next{right:20px}
@media(max-width:700px){.imageZoom img{transform:scale(1)}.imageZoomArrow.prev{left:8px}.imageZoomArrow.next{right:8px}.imageZoomClose{top:10px;right:10px}}

/* Katalog düzeni: ürünleri başlıklara ayır ve kartları hizala. */
.productGroup{margin:0 0 30px}
.grid.groupedCatalog{display:block}
.groupHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:0 2px 9px;border-bottom:1px solid #dce4ed}
.groupHeading h3{margin:0;color:#092e52;font-size:22px;font-weight:850}
.groupHeading span{flex:none;border-radius:18px;background:#eaf2fb;color:#2865a5;padding:6px 12px;font-size:13px;font-weight:800}
.groupGrid{align-items:stretch;grid-auto-rows:1fr}
.groupGrid .card{height:100%;display:flex;flex-direction:column}
.groupGrid .pic{height:230px;flex:none}
.groupGrid .cardBody{display:flex;flex:1;flex-direction:column}
.groupGrid .title{min-height:2.5em}
.groupGrid .miniFeatures{min-height:2.8em;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.groupGrid .waBtn{margin-top:auto}
@media(max-width:1050px){.groupGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.productGroup{margin-bottom:24px}.groupHeading h3{font-size:18px}.groupGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.groupGrid .pic{height:170px;padding:10px}.groupGrid .cardTop{padding:9px 9px 0}.groupGrid .cardBody{padding:7px 9px 10px}.groupGrid .title{font-size:14px}.groupGrid .price{font-size:20px}}
@media(max-width:390px){.groupGrid{grid-template-columns:1fr}.groupGrid .pic{height:210px}}

/* Beko kampanyaları: görselin üzerine belirgin taksit mesajı ve kategori bağlantısı. */
.heroSlide.bekoHero.active{display:block;position:relative;isolation:isolate;overflow:hidden;width:100%;height:100%;min-height:0;padding:0;background:#061a31;color:#fff}
.bekoHeroImage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.heroSlide.bekoHero.active .bekoHeroImage{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover}
.bekoHero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061a31 0%,#061a31f2 27%,#09223bd9 41%,#09223b70 59%,transparent 79%);z-index:1}
.bekoHeroCopy{position:absolute;inset:0 auto 0 0;width:min(48%,570px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(8px,1vw,14px);padding:clamp(22px,4vw,56px);z-index:2}
.bekoHeroLogo{display:block;width:clamp(90px,10vw,140px);height:38px;object-fit:contain;object-position:left center;margin-bottom:4px}
.bekoHeroCopy>span{font-size:clamp(10px,.9vw,14px);font-weight:900;letter-spacing:2px;color:#a9cee8}
.bekoHeroCopy h2{margin:0;font-size:clamp(30px,3.7vw,54px);line-height:.98;font-weight:950;letter-spacing:-1px;color:#fff}
.bekoHeroCopy h2 em{font-style:normal;color:#57c7ff}
.bekoHeroCopy p{max-width:440px;margin:0;font-size:clamp(12px,1.15vw,17px);line-height:1.45;color:#e5eff8}
.bekoHeroOffer{display:inline-flex;align-items:center;gap:9px;margin-top:3px;color:#fff;font-size:clamp(10px,.95vw,14px);font-weight:900;letter-spacing:.5px}
.bekoHeroOffer b{display:inline-block;padding:8px 12px;border-radius:20px;background:#ef2434;color:#fff;font-size:clamp(13px,1.35vw,20px);letter-spacing:.2px;box-shadow:0 5px 18px #ef243455}
.bekoHeroCopy button{display:inline-flex;align-items:center;gap:16px;margin-top:3px;padding:12px 16px;border:0;border-radius:10px;background:#ffcf43;color:#06213d;font-size:12px;font-weight:950;cursor:pointer}
.bekoHeroCopy button i{font-size:20px;font-style:normal;line-height:12px}
.bekoHeroCopy button:hover{background:#ffdc70;transform:translateY(-1px)}
.bekoHeroTap{position:absolute;inset:0;z-index:3;border:0;background:transparent;cursor:pointer}
.bekoHeroCopy button{position:relative;z-index:4}
.brandTag.bekoTag{padding:1px 5px;background:#fff;border-radius:4px}
.brandTag.bekoTag img{display:block;width:70px;height:21px;object-fit:contain}
.brands .bekoBrand img{display:block;width:112px;height:32px;object-fit:contain}
@media(max-width:700px){
 .heroSlide.bekoHero.active{height:100%;min-height:0}
 .bekoHeroImage{object-position:64% center}
 .bekoHero:before{background:linear-gradient(90deg,#061a31f8 0%,#061a31e8 39%,#09223b88 64%,#09223b12 100%)}
 .bekoHeroCopy{width:59%;gap:7px;padding:14px}
 .bekoHeroLogo{width:82px;height:23px;margin-bottom:0}
 .bekoHeroCopy>span{font-size:8px;letter-spacing:1px}
 .bekoHeroCopy h2{font-size:clamp(21px,6vw,31px)}
 .bekoHeroCopy p{font-size:9px;line-height:1.3}
 .bekoHeroOffer{font-size:7px;gap:5px}
 .bekoHeroOffer b{font-size:10px;padding:5px 7px}
 .bekoHeroCopy button{padding:8px 9px;gap:6px;font-size:8px}
 .bekoHeroCopy button i{font-size:14px}
 .brandTag.bekoTag img{width:64px;height:20px}
 .brands .bekoBrand img{width:96px;height:27px}
}

/* Arçelik identity: official wordmark, clear card mark and two linked campaign slides. */
.brands .arcelikBrand img{display:block;width:min(136px,84%);height:36px;max-height:36px;object-fit:contain}
.brandTag.arcelikTag{min-width:76px;height:26px;padding:2px 5px;background:#fff;border-radius:4px}
.brandTag.arcelikTag img{display:block;width:72px;height:22px;object-fit:contain}
.heroSlide.arcelikHero.active{display:block;position:relative;isolation:isolate;overflow:hidden;width:100%;height:100%;min-height:0;padding:0;background:#07172a;color:#fff}
.arcelikHeroImage{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}
.heroSlide.arcelikHero.active .arcelikHeroImage{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover}
.arcelikHero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#07172a 0%,#07172af2 26%,#10263dd9 41%,#10263d70 59%,transparent 79%)}
.arcelikHeroCopy{position:absolute;inset:0 auto 0 0;z-index:2;display:flex;width:min(48%,570px);flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(8px,1vw,14px);padding:clamp(22px,4vw,56px)}
.arcelikHeroLogo{display:block;width:clamp(90px,10vw,140px);height:38px;object-fit:contain;object-position:left center;margin-bottom:4px}
.arcelikHeroCopy>span{color:#ffd6d7;font-size:clamp(10px,.9vw,14px);font-weight:900;letter-spacing:2px}
.arcelikHeroCopy h2{margin:0;color:#fff;font-size:clamp(30px,3.7vw,54px);font-weight:950;line-height:.98;letter-spacing:-1px}
.arcelikHeroCopy h2 em{color:#ff6a72;font-style:normal}
.arcelikHeroCopy p{max-width:440px;margin:0;color:#e5eff8;font-size:clamp(12px,1.15vw,17px);line-height:1.45}
.arcelikHeroOffer{display:inline-flex;align-items:center;gap:9px;margin-top:3px;color:#fff;font-size:clamp(10px,.95vw,14px);font-weight:900;letter-spacing:.5px}
.arcelikHeroOffer b{display:inline-block;padding:8px 12px;border-radius:20px;background:#e31e24;color:#fff;font-size:clamp(13px,1.35vw,20px);letter-spacing:.2px;box-shadow:0 5px 18px #e31e2455}
.arcelikHeroCopy button{position:relative;z-index:4;display:inline-flex;align-items:center;gap:16px;margin-top:3px;padding:12px 16px;border:0;border-radius:10px;background:#f5f6f8;color:#16191d;font-size:12px;font-weight:950;cursor:pointer}
.arcelikHeroCopy button i{font-size:20px;font-style:normal;line-height:12px}
.arcelikHeroCopy button:hover{background:#fff;transform:translateY(-1px)}
.arcelikHeroTap{position:absolute;inset:0;z-index:3;border:0;background:transparent;cursor:pointer}
@media(max-width:700px){
 .heroSlide.arcelikHero.active{height:100%;min-height:0}
 .arcelikHeroImage{object-position:64% center}
 .arcelikHero:before{background:linear-gradient(90deg,#07172af8 0%,#07172ae8 39%,#10263d88 64%,#10263d12 100%)}
 .arcelikHeroCopy{width:59%;gap:7px;padding:14px}
 .arcelikHeroLogo{width:82px;height:23px;margin-bottom:0}
 .arcelikHeroCopy>span{font-size:8px;letter-spacing:1px}
 .arcelikHeroCopy h2{font-size:clamp(21px,6vw,31px)}
 .arcelikHeroCopy p{font-size:9px;line-height:1.3}
 .arcelikHeroOffer{gap:5px;font-size:7px}
 .arcelikHeroOffer b{padding:5px 7px;font-size:10px}
 .arcelikHeroCopy button{gap:6px;padding:8px 9px;font-size:8px}
 .arcelikHeroCopy button i{font-size:14px}
 .brands .arcelikBrand img{height:27px}
 .brandTag.arcelikTag{min-width:58px;height:22px}
 .brandTag.arcelikTag img{width:60px;height:18px}
}

/* Uğur, Daikin and Airfel additions use official brand marks and product photography. */
.brands{grid-template-columns:repeat(5,minmax(0,1fr));max-width:1200px}
.brands .fmsBrand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#173d66;background:#fff;font-weight:800}
.fmsWordmark{display:inline-flex;align-items:center;justify-content:center;color:#173d66;font-family:Arial,Helvetica,sans-serif;font-weight:900;font-style:italic;letter-spacing:1.3px;line-height:1}
.brands .fmsBrand .fmsWordmark{font-size:23px}
.brands .fmsBrand small{font-size:8px;letter-spacing:1.4px;color:#607286}
.brandTag.fmsTag{display:flex;align-items:center;min-width:58px;height:24px}
.brandTag.fmsTag .fmsWordmark{font-size:18px}
.brands .ugurBrand img{width:min(128px,82%);height:36px;max-height:36px}
.brands .daikinBrand img{width:min(132px,82%);height:34px;max-height:34px}
.brands .airfelBrand img{width:min(112px,76%);height:40px;max-height:40px}
.brandTag.ugurTag,.brandTag.daikinTag,.brandTag.airfelTag{display:flex;align-items:center;justify-content:flex-start;min-width:75px;height:26px;padding:2px 5px;background:#f7f9fb;border-radius:4px}
.brandTag.ugurTag img{max-width:73px;max-height:21px}
.brandTag.daikinTag img{max-width:82px;max-height:20px}
.brandTag.airfelTag img{max-width:68px;max-height:23px}
.heroSlide.newBrandHero.active{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;position:relative;isolation:isolate;overflow:hidden;width:100%;height:100%;min-height:0;padding:clamp(22px,4vw,50px);gap:14px;color:#fff}
.newBrandHero.ugurPromo{background:radial-gradient(circle at 78% 45%,#fff 0,transparent 30%),linear-gradient(112deg,#06345f 0 45%,#eaf4fa 45.2% 100%)}
.newBrandHero.daikinPromo{background:radial-gradient(circle at 78% 43%,#fff 0,transparent 31%),linear-gradient(112deg,#053a66 0 45%,#edf8fc 45.2% 100%)}
.newBrandHero.airfelPromo{background:radial-gradient(circle at 78% 43%,#fff 0,transparent 31%),linear-gradient(112deg,#122f49 0 45%,#f1f5f8 45.2% 100%)}
.newBrandCopy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(7px,.9vw,12px);min-width:0;max-width:510px}
.newBrandLogo{display:block;width:clamp(102px,11vw,150px)!important;height:38px!important;max-height:38px!important;object-fit:contain!important;object-position:left center!important;padding:4px 8px;background:#fff;border-radius:6px!important;box-shadow:0 6px 18px #001b3030!important}
.newBrandEyebrow{font-size:clamp(9px,.85vw,13px);font-weight:900;letter-spacing:1.5px;color:#c8e9fb}
.newBrandCopy h2{margin:0;color:#fff;font-size:clamp(32px,4.2vw,60px);font-weight:950;line-height:.92;letter-spacing:-1.4px}
.newBrandCopy h2 em{font-style:normal;color:#59c6ed}
.newBrandCopy p{max-width:405px;margin:0;color:#e9f4fb;font-size:clamp(11px,1.08vw,15px);line-height:1.45}
.newBrandOffer{display:flex;align-items:center;gap:8px;font-size:clamp(9px,.9vw,13px);font-weight:950;letter-spacing:.5px}
.newBrandOffer b{padding:8px 11px;border-radius:999px;background:#ec2636;color:#fff;font-size:clamp(12px,1.25vw,18px);box-shadow:0 6px 18px #ec263652}
.newBrandCopy button{position:relative;z-index:4;display:inline-flex;align-items:center;gap:12px;border:0;border-radius:10px;background:#ffd04a;color:#092b49;padding:11px 15px;font-size:clamp(9px,.85vw,12px);font-weight:950;cursor:pointer;box-shadow:0 8px 18px #001b3024}
.newBrandCopy button i{font-size:18px;font-style:normal;line-height:12px}
.newBrandVisual{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-width:0;height:100%;padding:8px 2% 12px}
.newBrandGlow{position:absolute;inset:8% 6%;border-radius:50%;background:radial-gradient(circle,#fff 0,#fff8 44%,#fff0 72%);filter:blur(7px)}
.newBrandVisual img{position:relative;display:block;width:100%;height:96%;max-height:330px;aspect-ratio:1/1;object-fit:contain;object-position:center;border-radius:12px;mix-blend-mode:multiply;filter:drop-shadow(0 15px 18px #102b4524)}
.newBrandTap{position:absolute;inset:0;z-index:3;width:100%;height:100%;border:0;border-radius:0;background:transparent;cursor:pointer}
.newBrandCopy button{z-index:4}
.empty button{display:block;margin:13px auto 0;padding:10px 15px;border:0;border-radius:9px;background:#1fb45b;color:#fff;font-weight:900;cursor:pointer}
@media(max-width:700px){
 .brands{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}
 .brands .ugurBrand img{height:28px;max-height:28px}.brands .daikinBrand img{height:27px;max-height:27px}.brands .airfelBrand img{height:31px;max-height:31px}
 .heroSlide.newBrandHero.active{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:6px;padding:13px}
 .newBrandCopy{gap:6px}.newBrandLogo{width:86px!important;height:25px!important;max-height:25px!important;padding:2px 5px;border-radius:4px!important}
 .newBrandEyebrow{font-size:7px;letter-spacing:.65px}.newBrandCopy h2{font-size:clamp(20px,5.6vw,29px);letter-spacing:-.3px}
 .newBrandCopy p{font-size:8px;line-height:1.26}.newBrandOffer{gap:4px;flex-wrap:wrap;font-size:7px}.newBrandOffer b{font-size:9px;padding:5px 7px}
 .newBrandCopy button{gap:4px;padding:8px 6px;font-size:7px;white-space:nowrap}.newBrandCopy button i{font-size:12px}
 .newBrandVisual{padding:5px 0}.newBrandVisual img{width:100%;height:78%;max-height:none;border-radius:8px}
}

/* Shared campaign offer hierarchy: discount first, clear installment promise below. */
.heroSlide.altusHero.active .campaignOffer,
.heroSlide.setHero.active .campaignOffer,
.heroSlide.bekoHero.active .campaignOffer,
.heroSlide.arcelikHero.active .campaignOffer,
.heroSlide.newBrandHero.active .campaignOffer{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;margin-top:2px;line-height:1.15}
.heroSlide .campaignEyebrow{display:block;color:#edf5fb;font-size:clamp(8px,.72vw,10px);font-weight:950;letter-spacing:1px;line-height:1.15}
.heroSlide .campaignDiscount{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border:1px solid #fff8;border-radius:999px;background:#ffd34d;color:#092744;font-size:clamp(14px,1.35vw,19px);font-weight:1000;letter-spacing:.1px;line-height:1;box-shadow:0 5px 16px #001b3038}
.heroSlide .campaignInstallment{display:block;margin:0;color:#fff;font-size:clamp(9px,.82vw,12px);font-weight:950;letter-spacing:.45px;line-height:1.2}
.heroSlide.altusHero.active .campaignOffer .campaignDiscount,
.heroSlide.setHero.active .campaignOffer .campaignDiscount{padding:7px 12px;font-size:clamp(14px,1.35vw,19px)}
.heroSlide.bekoHero.active .campaignOffer .campaignDiscount{padding:7px 12px;background:#ffd34d;color:#092744;font-size:clamp(14px,1.35vw,19px)}
.heroSlide.arcelikHero.active .campaignOffer .campaignDiscount{padding:7px 12px;background:#ffd34d;color:#092744;font-size:clamp(14px,1.35vw,19px)}
.heroSlide.newBrandHero.active .campaignOffer .campaignDiscount{padding:7px 12px;background:#ffd34d;color:#092744;font-size:clamp(14px,1.35vw,19px)}
@media(max-width:700px){
 .heroSlide .campaignEyebrow{font-size:7px;letter-spacing:.55px}
 .heroSlide .campaignDiscount,
 .heroSlide.altusHero.active .campaignOffer .campaignDiscount,
 .heroSlide.setHero.active .campaignOffer .campaignDiscount,
 .heroSlide.bekoHero.active .campaignOffer .campaignDiscount,
 .heroSlide.arcelikHero.active .campaignOffer .campaignDiscount,
 .heroSlide.newBrandHero.active .campaignOffer .campaignDiscount{padding:5px 8px;font-size:10px}
 .heroSlide .campaignInstallment{font-size:7px;letter-spacing:.25px}
 .heroSlide.altusHero.active .campaignOffer,
 .heroSlide.setHero.active .campaignOffer,
 .heroSlide.bekoHero.active .campaignOffer,
 .heroSlide.arcelikHero.active .campaignOffer,
 .heroSlide.newBrandHero.active .campaignOffer{gap:3px}
}
@media(min-width:701px){
 .heroSlide.brandHero.active{padding:clamp(22px,3vw,40px)}
 .brandHeroCopy{gap:10px}
 .brandHeroLogo{width:clamp(136px,14vw,185px)!important;height:34px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important}
 .heroSlide.altusHero.active .altusHeroCopy{gap:7px;padding:clamp(16px,2.3vw,29px)}
 .altusHeroCopy strong{font-size:clamp(24px,3.25vw,43px)}
 .altusHeroCopy small{font-size:clamp(11px,1vw,13px);line-height:1.3}
 .heroSlide.bekoHero.active .bekoHeroCopy,
 .heroSlide.arcelikHero.active .arcelikHeroCopy{gap:5px;padding:clamp(12px,1.5vw,19px)}
 .bekoHeroLogo,.arcelikHeroLogo{width:clamp(112px,12vw,150px);height:30px;margin-bottom:0;padding:2px 8px;border-radius:5px;background:#fff;object-fit:cover;object-position:center}
 .heroSlide.bekoHero.active .bekoHeroLogo,.heroSlide.arcelikHero.active .arcelikHeroLogo{width:clamp(112px,12vw,150px)!important;height:30px!important;max-height:30px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;padding:2px 8px!important;border-radius:5px;background:#fff}
 .bekoHeroCopy h2,.arcelikHeroCopy h2{font-size:clamp(25px,2.8vw,37px)}
 .bekoHeroCopy p,.arcelikHeroCopy p{font-size:clamp(10px,.9vw,12px);line-height:1.28}
 .heroSlide.setHero.active{padding:clamp(18px,2.7vw,34px)}
 .setHeroCopy{gap:7px}
 .setHeroCopy h2{font-size:clamp(32px,4vw,54px)}
 .heroSlide.newBrandHero.active{padding:clamp(18px,2.7vw,34px)}
 .newBrandCopy{gap:7px}
 .newBrandLogo{height:32px!important;max-height:32px!important}
 .newBrandCopy h2{font-size:clamp(30px,3.65vw,49px)}
}
@media(max-width:700px){
 .brandHeroLogo{width:112px!important;height:28px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important}
 .bekoHeroLogo,.arcelikHeroLogo{width:88px;height:25px;padding:1px 5px;object-fit:cover;object-position:center}
 .heroSlide.bekoHero.active .bekoHeroLogo,.heroSlide.arcelikHero.active .arcelikHeroLogo{width:88px!important;height:25px!important;max-height:25px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;padding:1px 5px!important}
}
/* Final fit pass: use the cropped wordmark asset so Beko stays fully visible. */
@media(min-width:701px){
 .heroSlide.bekoHero.active .bekoHeroLogo{width:150px!important;height:54px!important;max-height:54px!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:left center!important;padding:3px 7px!important;border-radius:5px;background:#fff}
 .heroSlide.bekoHero.active .bekoHeroCopy{transform:translateY(7px)}
 .heroSlide.newBrandHero.active{padding:16px 24px;gap:10px}
 .heroSlide.newBrandHero.active .newBrandCopy{gap:5px}
 .heroSlide.newBrandHero.active .newBrandLogo{height:30px!important;max-height:30px!important}
 .heroSlide.newBrandHero.active .newBrandCopy h2{font-size:clamp(28px,3.2vw,43px);line-height:.94}
 .heroSlide.newBrandHero.active .newBrandCopy p{font-size:clamp(10px,.95vw,13px);line-height:1.32}
 .heroSlide.newBrandHero.active .newBrandCopy button{padding:9px 13px}
 .heroSlide.setHero.active{padding:18px 30px;gap:14px}
 .heroSlide.setHero.active .setHeroCopy{gap:5px}
 .heroSlide.setHero.active .setHeroCopy{transform:translateY(10px)}
 .heroSlide.setHero.active .setHeroLogo{height:30px!important}
 .heroSlide.setHero.active .setHeroCopy h2{font-size:clamp(30px,3.8vw,50px)}
}
@media(max-width:700px){
 .heroSlide.bekoHero.active .bekoHeroLogo{width:92px!important;height:34px!important;max-height:34px!important;object-fit:contain!important;object-position:left center!important;padding:2px 5px!important}
 .heroSlide.newBrandHero.active{padding:10px;gap:5px}
 .heroSlide.newBrandHero.active .newBrandCopy{gap:4px}
 .heroSlide.newBrandHero.active .newBrandLogo{height:22px!important;max-height:22px!important}
 .heroSlide.setHero.active{padding:10px;gap:5px}
 .heroSlide.setHero.active .setHeroCopy{gap:4px}
 .heroSlide.setHero.active .setHeroLogo{height:22px!important}
}
.cart{border:0;background:transparent;padding:0;font:inherit;cursor:pointer}
.addCartBtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;padding:12px 10px;border:0;border-radius:10px;background:#092f52;color:#fff;font-size:15px;font-weight:900;cursor:pointer}
.addCartBtn:hover{background:#124b7d}
.cartDrawer{position:fixed;inset:0;z-index:10050;display:none}
.cartDrawer.show{display:block}
.cartShade{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(5,24,43,.56);cursor:pointer}
.cartPanel{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:min(480px,100%);height:100%;background:#fff;box-shadow:-12px 0 40px rgba(0,0,0,.2);padding:22px}
.cartHeader{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5eaf0;padding-bottom:15px}
.cartHeader h2{margin:0;color:#082f52;font-size:24px}.cartHeader small{display:block;margin-top:5px;color:#d92132;font-weight:800}
.cartHeader button{width:40px;height:40px;border:0;border-radius:50%;background:#f0f4f8;color:#0b3154;font-size:27px;cursor:pointer}
.cartItems{flex:1;overflow:auto;padding:8px 0}.cartEmpty{margin:20px 0;padding:20px;border-radius:12px;background:#f4f7fa;color:#66778a;line-height:1.5}
.cartLine{padding:15px 0;border-bottom:1px solid #e9edf2}.cartLineInfo b{display:block;color:#142d47;line-height:1.35}.cartLineInfo small{display:block;margin-top:5px;color:#728198}
.cartLineControls{display:flex;align-items:center;gap:12px;margin-top:12px}.cartLineControls button{min-width:34px;height:34px;border:1px solid #d8e0e8;border-radius:8px;background:#fff;color:#103958;font-size:17px;font-weight:800;cursor:pointer}.cartLineControls button[data-cart-action="remove"]{margin-left:auto;padding:0 10px;color:#d32132;font-size:13px}
.cartSummary{border-top:1px solid #e5eaf0;padding-top:16px}.cartTotalRow{display:flex;justify-content:space-between;align-items:center;color:#18334e}.cartTotalRow strong{color:#d32132;font-size:25px}.cartSummary p{margin:7px 0 14px;color:#b51e2a;font-weight:800}
.cartSummary #cartCheckout{width:100%;padding:14px;border:0;border-radius:10px;background:#1aaa56;color:#fff;font-size:15px;font-weight:900;cursor:pointer}.cartSummary #cartCheckout:disabled{opacity:.5;cursor:not-allowed}
.cartSummary #cartClear{width:100%;margin-top:9px;padding:10px;border:0;background:transparent;color:#748195;font-weight:700;cursor:pointer}
body.cartOpen{overflow:hidden}
@media(max-width:700px){.addCartBtn{padding:10px 6px;font-size:13px}.cartPanel{padding:16px}}
.promoLabel{display:inline-flex;align-items:center;background:#fff1f2;color:#bf1232;border:1px solid #ffd4dc;border-radius:999px;padding:5px 9px;margin:6px 0 2px;font-size:11px;font-weight:900}.regularPrice{color:#7b8794;text-decoration:line-through;text-decoration-thickness:1.5px;font-size:14px;font-weight:700;margin-top:3px}.promoLabel+.regularPrice+.price{margin-top:0}
 .loadMoreProducts{display:block;grid-column:1/-1;margin:12px auto 24px;padding:12px 18px;border:1px solid #cbd8e5;border-radius:12px;background:#fff;color:#103958;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #0b31540d}
 .loadMoreProducts:hover{background:#f2f7fb;border-color:#9eb5ca}

.paymentPreview{margin:10px 0 8px;padding:10px;border:1px solid #dce5ef;border-radius:13px;background:#f7f9fc}
.paymentChoiceGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.paymentChoice{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;border:1px solid #d5dfeb;border-radius:10px;background:#fff;color:#163652;text-align:left;cursor:pointer;transition:border-color .16s,box-shadow .16s,background .16s}
.paymentChoice span{font-size:13px;font-weight:850}.paymentChoice strong{font-size:16px;color:#082f52}.paymentChoice small{color:#64768a;font-size:11px;line-height:1.35}
.paymentChoice[data-paymode="card"] span{color:#1769aa}.paymentChoice[data-paymode="elden"] span{color:#087f5b}
.paymentChoice.selected{border:2px solid #1769aa;background:#edf6ff;box-shadow:0 0 0 2px #1769aa20}.paymentChoice:focus-visible{outline:3px solid #f2bd32;outline-offset:2px}
.paymentPreviewNote{margin-top:7px;color:#7c5b1e;font-size:10px;line-height:1.4}
.paymentPreviewNotice{display:flex;flex-direction:column;gap:5px;margin:0 0 16px;padding:12px 15px;border:1px solid #f2d18c;border-radius:12px;background:#fff9e9;color:#684d17;font-size:13px;line-height:1.45}
.paymentPreviewNotice b{color:#50390e;font-size:14px}
@media(max-width:420px){.paymentChoiceGrid{grid-template-columns:1fr}.paymentChoice{padding:9px}.paymentChoice strong{font-size:15px}}

/* Discount-first campaign treatment: make the saving the strongest banner message. */
.heroSlide .campaignEyebrow{color:#ffda62!important;font-size:clamp(9px,.8vw,12px)!important;letter-spacing:1.15px!important;text-shadow:0 1px 4px #00172b70}
.heroSlide .campaignDiscount,
.heroSlide.altusHero.active .campaignOffer .campaignDiscount,
.heroSlide.setHero.active .campaignOffer .campaignDiscount,
.heroSlide.bekoHero.active .campaignOffer .campaignDiscount,
.heroSlide.arcelikHero.active .campaignOffer .campaignDiscount,
.heroSlide.newBrandHero.active .campaignOffer .campaignDiscount{padding:10px 16px!important;border:2px solid #fff!important;border-radius:999px!important;background:#ed1c2e!important;color:#fff!important;font-size:clamp(18px,1.8vw,26px)!important;font-weight:1000!important;letter-spacing:.2px!important;line-height:1!important;text-shadow:0 1px 2px #7d0611!important;box-shadow:0 0 0 3px #ffd34d,0 8px 22px #00172b55!important}
.heroSlide .campaignInstallment{width:max-content;max-width:100%;padding:5px 8px!important;border:1px solid #ffffff50;border-radius:6px;background:#061a31b8;font-size:clamp(10px,.9vw,13px)!important;letter-spacing:.5px!important}
@media(max-width:700px){
 .heroSlide .campaignEyebrow{font-size:7px!important;letter-spacing:.65px!important}
 .heroSlide .campaignDiscount,
 .heroSlide.altusHero.active .campaignOffer .campaignDiscount,
 .heroSlide.setHero.active .campaignOffer .campaignDiscount,
 .heroSlide.bekoHero.active .campaignOffer .campaignDiscount,
 .heroSlide.arcelikHero.active .campaignOffer .campaignDiscount,
 .heroSlide.newBrandHero.active .campaignOffer .campaignDiscount{padding:6px 10px!important;font-size:12px!important;box-shadow:0 0 0 2px #ffd34d,0 5px 14px #00172b55!important}
 .heroSlide .campaignInstallment{padding:3px 6px!important;font-size:7px!important}
}

.fmsCategoryLinks{margin-top:12px;padding:14px 16px;background:#fff;border:1px solid #e1e7ed;border-radius:12px;box-shadow:0 5px 18px rgba(10,40,72,.04)}.fmsCategoryLinks[hidden]{display:none!important}.fmsCategoryLinks>strong{display:block;margin-bottom:10px;color:#19324f;font-size:14px}.fmsCategoryLinks>div{display:flex;flex-wrap:wrap;gap:8px}.fmsCategoryLinks button{border:1px solid #dce5ef;border-radius:20px;background:#f5f8fc;color:#19324f;padding:8px 12px;font-weight:700;cursor:pointer}.fmsCategoryLinks button:hover{border-color:#d72bb0;background:#fff5fc;color:#a8187d}.quickgrid button:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(10,40,72,.1)}

.newBrandHero.fmsPromo{background:radial-gradient(ellipse at 77% 47%,#ffd7a0 0,transparent 32%),linear-gradient(112deg,#122b45 0 44%,#f7eee4 44.2% 100%)}.fmsBannerWordmark{display:inline-flex;align-items:center;justify-content:center;width:94px;height:42px;border-radius:8px;background:#fff;color:#d81b84;font-size:31px;font-weight:1000;font-style:italic;letter-spacing:-2px;box-shadow:0 6px 18px #001b3030}.fmsBannerCopy h2 em{color:#ffc85c}.fmsBannerProducts{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:clamp(7px,1.3vw,18px);min-width:0;height:100%;padding:12px 1%}.fmsBannerProducts figure{display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:min(78%,285px);margin:0;padding:10px 8px 8px;border:1px solid #fff;border-radius:15px;background:#fffffff0;box-shadow:0 14px 35px #182d3d24;transform:translateY(8px)}.fmsBannerProducts figure:nth-child(2){height:min(88%,320px);transform:translateY(-3px)}.fmsBannerProducts img{display:block;width:100%;height:calc(100% - 28px);object-fit:contain;mix-blend-mode:multiply}.fmsBannerProducts figcaption{color:#1a3c59;font-size:clamp(8px,.75vw,11px);font-weight:950;letter-spacing:.7px;text-align:center}.heroSlide.newBrandHero.active .fmsBannerCopy{gap:clamp(6px,.8vw,11px)}@media(max-width:700px){.fmsBannerWordmark{width:64px;height:27px;font-size:20px}.fmsBannerProducts{gap:4px;padding:5px 0}.fmsBannerProducts figure{height:62%;padding:5px 3px 4px;border-radius:8px;transform:translateY(10px)}.fmsBannerProducts figure:nth-child(2){height:72%;transform:translateY(2px)}.fmsBannerProducts figcaption{font-size:6px;letter-spacing:0}.heroSlide.newBrandHero.active .fmsBannerCopy{gap:4px}}

.paymentOriginalPrice{color:#7b8794!important;font-size:10px!important;line-height:1.15}.paymentOriginalPrice s{color:#7b8794;text-decoration-color:#c53946;text-decoration-thickness:1.5px}.paymentChoice[data-paymode="card"] .paymentOriginalPrice{margin-top:1px}.paymentChoice[data-paymode="card"] strong{color:#c91e2a}.paymentChoice[data-paymode="card"].selected{background:#fff4f4;border-color:#d32432;box-shadow:0 0 0 2px #d3243220}
.paymentChoice[data-paymode="elden"] .paymentTerm,.paymentChoice[data-paymode="elden"] .paymentMonthly{display:block;color:#31596b;font-size:11px;font-weight:700;line-height:1.4;opacity:1}

.promoLabel.altusPriceUpdate{border-color:#b9d7ef;background:#edf6ff;color:#14578a}


.promoLabel.altusPriceUpdate{border-color:#ffd4dc;background:#fff1f2;color:#bf1232}