.ab-banner{position:relative;height:180px;width:100%;overflow:hidden;background:#eef0eb;border-bottom:1px solid #e0e4df}.ab-stage{position:relative;max-width:1240px;height:100%;margin:auto;display:grid;grid-template-columns:1fr 1fr;isolation:isolate}.ab-photo,.ab-map,.ab-pickups,.ab-delivery,.ab-network{min-width:0;position:relative;overflow:hidden}.ab-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 47%}.ab-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#151e2699,transparent 75%);pointer-events:none}.ab-photo-label{position:absolute;bottom:17px;left:24px;z-index:2;color:white;text-shadow:0 1px 5px #0006}.ab-photo-label span{display:block;font-size:9px;letter-spacing:3px;margin-bottom:5px}.ab-photo-label strong{display:block;font-size:23px;line-height:1.15;font-weight:500}.ab-map iframe{display:block;width:100%;height:100%;border:0;pointer-events:none}.ab-fog{position:absolute;pointer-events:none;z-index:3;left:39%;top:-20%;height:145%;width:22%;background:radial-gradient(ellipse at 48% 25%,#eef0ebed 0,transparent 58%),radial-gradient(ellipse at 30% 65%,#ffffffc4,transparent 65%),radial-gradient(ellipse at 80% 80%,#fff2dfb3,transparent 67%);filter:blur(9px);animation:ab-fog-drift 13s ease-in-out infinite alternate}.ab-pickups{padding:13px 26px 10px 18px;background:linear-gradient(120deg,#f2f3ee,#e6e8e2)}.ab-pickups>strong{position:relative;z-index:4;font-size:17px;font-weight:500;color:#333}.ab-pickup-stack{display:flex;align-items:center;justify-content:center;height:130px;padding:10px 12px 0 0}.ab-pickup{display:block;position:relative;width:32%;height:110px;max-width:170px;margin-left:-12px;padding:4px 4px 23px;background:white;border-radius:3px;box-shadow:0 5px 12px #19202633;transform:rotate(-7deg);transition:transform .3s;z-index:1}.ab-pickup:nth-child(2){transform:rotate(3deg);z-index:2}.ab-pickup:nth-child(3){transform:rotate(9deg);z-index:3}.ab-pickup:hover{transform:translateY(-5px) rotate(0);z-index:5}.ab-pickup img{width:100%;height:100%;object-fit:cover}.ab-pickup span{position:absolute;bottom:5px;left:0;right:0;text-align:center;color:#343a3d;font-size:11px;font-weight:600}.ab-delivery{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 20px;color:#31383c!important;text-decoration:none!important}.ab-delivery>img{width:40%;max-width:210px;height:130px;object-fit:contain}.ab-delivery>div{position:relative;z-index:4;min-width:0}.ab-delivery strong{display:block;font-size:25px;color:#d52c28;font-weight:600;line-height:1.15;margin:7px 0}.ab-delivery span{display:block;font-size:12px;line-height:1.4}.ab-delivery .ab-small{font-size:9px;letter-spacing:1.2px}.ab-network img{display:block;width:100%;height:150px;object-fit:contain}.ab-network-label{font-size:12px;color:#555;text-align:center}.ab-partner .ab-photo-label strong{font-size:21px}.ab-shop .ab-fog{opacity:.7}.ab-b2b .ab-fog{left:40%}@keyframes ab-fog-drift{from{transform:translate(-10px,4px) scale(1)}to{transform:translate(18px,-5px) scale(1.12)}}@media(max-width:767px){.ab-banner{height:180px}.ab-photo-label{left:12px;bottom:15px}.ab-photo-label strong{font-size:15px}.ab-photo-label span{font-size:7px;letter-spacing:1.5px}.ab-fog{left:41%;width:18%;filter:blur(6px)}.ab-pickups{padding:14px 7px}.ab-pickups>strong{font-size:13px}.ab-pickup-stack{height:125px;padding:10px 0 0}.ab-pickup{width:37%;height:89px;padding:3px 3px 20px;margin-left:-7px}.ab-pickup span{font-size:8px;bottom:5px}.ab-delivery{flex-direction:column;gap:0;padding:8px 6px;text-align:center}.ab-delivery>img{height:75px;width:115px;max-width:95%}.ab-delivery strong{font-size:17px;margin:4px 0}.ab-delivery span{font-size:9px}.ab-delivery .ab-small{font-size:7px;letter-spacing:.8px}.ab-network img{height:145px}.ab-network-label{font-size:9px;padding:0 8px}.ab-partner .ab-photo-label strong{font-size:14px;max-width:160px}}@media(prefers-reduced-motion:reduce){.ab-fog{animation:none}.ab-pickup{transition:none}}

/* Desktop storefronts: complete facade over a softly blurred photographic backdrop. */
@media(min-width:768px){
.ab-stage{max-width:none;width:100%}.ab-banner{height:340px}
.ab-kyiv .ab-photo{--ab-facade:url('../../../../image/catalog/adamant-store-banner/kyiv.webp')}
.ab-brovary .ab-photo{--ab-facade:url('../../../../image/catalog/adamant-store-banner/brovary.webp')}
.ab-sumy .ab-photo{--ab-facade:url('../../../../image/catalog/adamant-store-banner/sumy.webp')}
.ab-banner:not(.ab-b2b) .ab-photo:before{content:'';position:absolute;inset:-20px;background-image:var(--ab-facade);background-position:center;background-size:cover;filter:blur(14px) brightness(.8);z-index:-1}
.ab-banner:not(.ab-b2b) .ab-photo>img{object-fit:contain;object-position:center;height:100%;position:relative;z-index:0}
.ab-banner:not(.ab-b2b) .ab-photo:after{background:linear-gradient(90deg,#19202622,transparent 25%,transparent 75%,#19202622)}
.ab-pickups{padding:20px 36px;background:#e9e9df;isolation:isolate}
.ab-pickups:before{content:'';position:absolute;inset:-25px;background:linear-gradient(#f4eddfa6,#edf0e3a6),url('../../../../image/catalog/adamant-store-banner/kyiv.webp') center/cover;filter:blur(12px);z-index:-1}
.ab-pickups>strong{display:block;text-align:center;font-size:25px;font-weight:600;letter-spacing:.8px;color:#343b37;text-shadow:0 1px 8px #fff}
.ab-pickup-stack{height:265px;padding:12px 15px 10px;gap:3px}
.ab-pickup{width:32%;max-width:340px;height:212px;margin-left:-5px;padding:6px 6px 29px}
.ab-pickup img{object-fit:cover}.ab-pickup span{font-size:14px;bottom:7px}
.ab-delivery{background:linear-gradient(120deg,#f3f5ec,#e6f0ec);flex-direction:column;gap:0;padding:8px 24px;text-align:center}
.ab-delivery>img{width:100%;max-width:650px;height:238px}
.ab-delivery>div{margin-top:-8px}.ab-delivery strong{font-size:25px;margin:3px 0}.ab-delivery span{font-size:11px}.ab-delivery .ab-small{font-size:8px}
.ab-network{display:flex;flex-direction:column;justify-content:center}.ab-network img{height:260px}.ab-network-label{font-size:15px}
.ab-photo-label{left:32px;bottom:26px}
}
.ab-banner .ab-fog,.ab-banner.ab-b2b .ab-fog{left:46%;width:8%;top:-10%;height:120%;opacity:.65;background:linear-gradient(90deg,transparent 0%,rgba(238,240,235,.35) 22%,rgba(246,246,238,.8) 50%,rgba(238,240,235,.35) 78%,transparent 100%);filter:blur(7px);animation:ab-fog-seam 12s ease-in-out infinite alternate}
@keyframes ab-fog-seam{from{transform:translateX(-3px) scaleX(.95)}to{transform:translateX(3px) scaleX(1.05)}}
@media(max-width:767px){.ab-banner .ab-fog,.ab-banner.ab-b2b .ab-fog{left:47%;width:6%;opacity:.5;filter:blur(3px)}}
@media(prefers-reduced-motion:reduce){.ab-banner .ab-fog{animation:none}}

.ab-delivery>.ab-delivery-desktop{display:none}@media(min-width:768px){.ab-delivery>.ab-delivery-desktop{display:block}.ab-delivery>.ab-delivery-mobile{display:none}}

.ab-b2b .ab-network{background:#e9eee5}.ab-b2b .ab-network img{height:100%;width:100%;object-fit:contain}@media(min-width:768px){.ab-b2b .ab-stage{grid-template-columns:42% 58%}.ab-b2b .ab-fog{left:38%;width:8%}.ab-b2b .ab-network img{height:340px}}

/* Continuous soft photographic background, including the animated route map. */
.ab-b2b .ab-stage:before{content:'';position:absolute;inset:-25px;background:linear-gradient(#f5efdfb8,#e9eee5ce),url('../../../../image/catalog/adamant-store-banner/partnership.webp') center/cover;filter:blur(14px);z-index:-1;pointer-events:none}
.ab-b2b .ab-network{background:transparent}.ab-b2b .ab-fog{opacity:.35}

/* Product vignettes flank the routes; soft layered transition unites the scene. */
.ab-product-float{display:none}
@media(min-width:1200px){
.ab-product-float{display:block;position:absolute;width:18%;max-width:245px;height:155px;padding:5px;background:#ffffffed;border-radius:5px;box-shadow:0 12px 30px #293f4438;z-index:2;pointer-events:none}
.ab-b2b .ab-product-float img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px}
.ab-product-float-left{left:2.5%;top:40px;--tilt:-8deg;animation:ab-product-drift 11s ease-in-out infinite alternate}
.ab-product-float-right{right:2.5%;bottom:36px;--tilt:7deg;animation:ab-product-drift 13s ease-in-out -5s infinite alternate}
.ab-b2b .ab-network:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 6% 90%,#f5ae5b29,transparent 35%),radial-gradient(ellipse at 95% 10%,#fff6df77,transparent 38%);z-index:1}
}
@media(min-width:768px){.ab-b2b .ab-partner{mask-image:linear-gradient(90deg,#000 0%,#000 76%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 76%,transparent 100%)}.ab-b2b .ab-fog{left:38%;width:8%;opacity:.22}}
@keyframes ab-product-drift{from{transform:translateY(0) rotate(var(--tilt))}to{transform:translateY(-9px) rotate(calc(var(--tilt) + 2deg))}}
@media(prefers-reduced-motion:reduce){.ab-product-float{animation:none;transform:rotate(var(--tilt))}}

/* Four editorial photo cards frame the animated map. */
@media(min-width:1200px){
.ab-product-float{width:17%;max-width:230px;height:132px}
.ab-product-float-left{left:2.5%;top:20px}
.ab-product-float-bottom{left:4.5%;bottom:18px;--tilt:5deg;animation:ab-product-drift 14s ease-in-out -6s infinite alternate}
.ab-product-float-top{right:4%;top:16px;--tilt:-6deg;animation:ab-product-drift 12s ease-in-out -3s infinite alternate}
.ab-product-float-right{right:2.5%;bottom:18px}
}
.ab-b2b .ab-photo-label{left:32px;bottom:26px;max-width:80%;padding:12px 18px 14px;border-left:3px solid #f28a37;background:linear-gradient(90deg,#172126b8,#17212618);backdrop-filter:blur(5px);border-radius:0 8px 8px 0;text-shadow:0 2px 12px #0005}
.ab-b2b .ab-photo-label span{font:600 10px/1.4 'Open Sans',Arial,sans-serif;letter-spacing:3px;color:#ffc18a;margin-bottom:8px}
.ab-b2b .ab-photo-label strong{font:italic 500 clamp(22px,1.7vw,38px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:.3px;color:#fff9ed}
@media(max-width:767px){.ab-b2b .ab-photo-label{left:10px;bottom:12px;padding:8px 9px;max-width:85%;border-left-width:2px}.ab-b2b .ab-photo-label span{font-size:7px;letter-spacing:1.5px;margin-bottom:5px}.ab-b2b .ab-photo-label strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.ab-product-float{animation:none}}