/* beat34 · editorial visual refresh v77 · photographs from the actual catalogue only */
:root{--b34-cherry:#e32229;--b34-cream:#fcfaf7;--b34-ink:#19191b;--b34-stone:#eee9e5}
html{scroll-behavior:smooth}
#backTop{display:inline-flex!important;align-items:center;justify-content:center;gap:11px;padding:12px 17px!important;min-height:48px;background:#fff!important;color:#181719!important;border:1px solid #fff;border-radius:999px;box-shadow:0 6px 22px #0003;font-weight:900;letter-spacing:.8px;text-decoration:none;transition:background .2s,transform .2s}
#backTop>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--b34-cherry);color:white;font-size:17px}
#backTop:hover{background:#fff0ef!important;transform:translateY(-2px)}
.footerBottom{align-items:center;gap:20px}
#heroCarousel .nando-firstSlide{background:radial-gradient(ellipse 76% 90% at 20% 80%,#f5e2de 0%,transparent 80%),#f9f5f0;overflow:hidden;min-height:495px;grid-template-columns:49% 51%;isolation:isolate}
#heroCarousel .nando-firstSlide::before{content:"34";position:absolute;z-index:0;left:28%;bottom:-100px;font:clamp(180px,28vw,390px)/1 var(--display);color:#e322290a;pointer-events:none}
#heroCarousel .nando-firstContent{padding:62px 22px 72px clamp(25px,5.5vw,94px)}
#heroCarousel .nando-firstEyebrow{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:10px}
#heroCarousel .nando-firstContent h1{font-size:clamp(37px,4.45vw,69px);line-height:1.01;letter-spacing:-2px}
#heroCarousel .nando-firstContent>p{max-width:375px;font-size:14px}
#heroCarousel .nando-firstMedia{margin:21px 25px 31px 8px;min-height:440px;overflow:hidden;border-radius:40px 12px 44px 13px;box-shadow:0 23px 60px #3a221e26;transform:rotate(-1.2deg);background:#d4b2a0}
#heroCarousel .nando-firstMedia img{object-fit:cover;object-position:center 32%;transform:scale(1.045);transition:transform .35s;filter:saturate(1.03) contrast(1.02)}
#heroCarousel .nando-firstMedia:hover img{transform:scale(1.075)}
#heroCarousel .nando-firstMedia::after{background:linear-gradient(0deg,#211719a1,transparent 40%)}
#heroCarousel .nando-firstImageCaption{bottom:25px;font-size:10px;text-shadow:0 2px 12px #0007}
#heroCarousel .nando-firstSlideCounter{right:49px;bottom:48px;background:#fff;box-shadow:0 4px 13px #0002;color:#261d1e;border-radius:100px;padding:8px 14px}
#heroCarousel .nando-firstSlide .heroActions a{border-radius:999px!important;padding:14px 20px;box-shadow:0 10px 22px #ce202a23}
#heroCarousel .nando-firstSlide .nando-firstDetails{margin-top:23px}
.categoryGrid{gap:14px}
.categoryTile,.categoryTile[data-index="0"]{background:#ede5df!important;border-radius:22px;box-shadow:0 5px 22px #2420200c;border:1px solid #e8ded8;overflow:hidden;isolation:isolate}
.categoryTile:nth-child(2n){background:#eee9e5!important}
.categoryTile:nth-child(3n){background:#efe6e2!important}
.categoryTile img{top:11%;left:5%;width:90%;height:75%;object-fit:contain;mix-blend-mode:multiply;filter:saturate(.88) contrast(1.02) drop-shadow(0 15px 18px #2e222221);transition:transform .35s}
.categoryTile:hover img{transform:translateY(-4px) scale(1.05) rotate(0deg)}
.categoryTile::after{background:linear-gradient(0deg,#201b1bbd 0%,#1d171700 69%)}
.categoryTile::before{content:"B34 / EDITION";position:absolute;top:16px;left:18px;z-index:2;color:#6a4743;font:800 10px/1.2 var(--mono);letter-spacing:1.5px;opacity:.85}
.categoryLabel{left:21px;right:16px;bottom:21px;align-items:end;gap:9px;font-size:clamp(17px,1.8vw,29px)}
.categoryLabel small{letter-spacing:.8px;font-size:10px;color:#ffe0d9!important}
.categoryLabel b{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#fff;color:var(--b34-cherry)!important;font:700 23px var(--body);flex-shrink:0}
.categoryTile:hover .categoryLabel b{background:var(--b34-cherry);color:white!important}
.categoriesSection .sectionHeading{margin-bottom:28px}
.campaign{margin:28px clamp(15px,4vw,62px) 34px;min-height:360px;border-radius:26px;overflow:hidden;grid-template-columns:53% 47%;background:#201d1d;box-shadow:0 20px 50px #1b0d0d12}
.campaignPhoto{background:radial-gradient(ellipse at 48% 60%,#fcf7f3 12%,#ece0da 70%);height:auto;min-height:360px}
.campaignPhoto::before{content:"";inset:9% 16%;border:1px solid #e6c8c355;border-radius:47% 53% 52% 48%;background:linear-gradient(140deg,#fff8 0%,transparent 67%);transform:rotate(-12deg)}
.campaignPhoto::after{content:"";position:absolute;width:60%;height:12%;bottom:16%;left:19%;z-index:0;background:#442a251d;filter:blur(20px);border-radius:50%}
.campaignPhoto img{position:relative;z-index:1;transform:rotate(-7deg);width:89%;height:88%;max-height:330px;mix-blend-mode:multiply;filter:drop-shadow(0 19px 17px #30262630)}
.campaign .stamp{z-index:3;transform:rotate(-9deg);top:19px;left:24px;width:auto;height:auto;padding:11px 13px;display:grid;gap:2px;border-radius:12px 12px 12px 3px;background:#fff;color:#e32229;font:800 16px/1 var(--display);box-shadow:0 8px 18px #160f0d17}
.campaign .stamp small{font:800 8px var(--mono);color:#5e5351;letter-spacing:.8px}
.campaignCopy{padding:clamp(26px,4vw,68px);background:radial-gradient(ellipse at 92% 12%,#e3222912,transparent 50%),#201d1d}
.campaignEyebrow{color:#ffbfc1;font-size:10px;letter-spacing:1.3px}
.campaignCopy h2{font-size:clamp(35px,4vw,60px);line-height:1.04;letter-spacing:-1.5px;max-width:530px}
.campaignCopy>p:not(.campaignEyebrow){color:#ddd1ce;max-width:370px;line-height:1.7}
.campaign .btnOutline{border-radius:100px;border-color:#facaca;color:white;min-height:45px;padding:13px 18px}
.campaign .btnOutline:hover{background:white;color:#211d1d}
.campaignNumber{font-size:9px;opacity:.8;letter-spacing:1.6px}
.productCard{border:1px solid #ede3df;box-shadow:0 4px 15px #38262408;transition:box-shadow .22s,transform .22s}
.productCard:hover{box-shadow:0 12px 30px #38262416}
.productCard .shopHeart{position:absolute!important;top:11px;right:11px;z-index:9;width:39px;height:39px;border:1px solid #e8ded9;background:#fffffff0;border-radius:50%;box-shadow:0 4px 12px #15151512;color:#3b3533;font-size:27px}
.productCard .shopHeart:hover,.productCard .shopHeart.isFavorite{color:#e32229;background:#fff5f3}
.productCard .photoCount{position:absolute;z-index:7;top:61px!important;right:12px!important;left:auto;padding:5px 7px;border-radius:7px;font-size:9px;min-width:52px;text-align:center;background:#fffffff0;color:#5c5150;border:1px solid #eae1dc}
.productCard .shopDiscountBadge.pixOnly{background:transparent!important;color:#b72732!important;border:0!important;box-shadow:none!important;font-size:10px;font-weight:900;letter-spacing:.4px;padding:6px 3px;top:11px;left:12px}
.productCard .shopDiscountBadge:not(.pixOnly){border-radius:6px;box-shadow:none}
@media(max-width:750px){
 #heroCarousel .nando-firstSlide.active{grid-template-columns:48% 52%;min-height:310px}
 #heroCarousel .nando-firstContent{padding:23px 5px 48px 16px}
 #heroCarousel .nando-firstContent h1{font-size:clamp(21px,5.8vw,33px);line-height:1.07;letter-spacing:-.6px}
 #heroCarousel .nando-firstContent>p{font-size:10px}
 #heroCarousel .nando-firstMedia{margin:8px 8px 12px 3px;min-height:285px;border-radius:23px 7px 24px 6px;transform:none;box-shadow:0 12px 28px #3a221e18}
 #heroCarousel .nando-firstMedia img{object-position:center 30%;transform:scale(1.03)}
 #heroCarousel .nando-firstSlideCounter{right:13px;bottom:19px;font-size:8px;padding:5px 8px}
 #heroCarousel .nando-firstImageCaption{bottom:22px;line-height:1.2;font-size:7px;letter-spacing:.4px}
 .categoriesSection .sectionHeading{margin-bottom:18px}
 .categoryGrid{gap:10px;padding:0 14px 9px 0}
 .categoryTile,.categoryTile[data-index="0"]{flex:0 0 min(66vw,258px);height:216px;min-height:216px;border-radius:18px;scroll-snap-align:center}
 .categoryTile img{top:8%;left:3%;width:94%;height:73%}
 .categoryTile::before{top:12px;left:13px;font-size:9px}
 .categoryLabel{left:13px;right:13px;bottom:13px;font-size:22px}
 .categoryLabel small{font-size:9px}
 .categoryLabel b{width:34px;height:34px}
 .campaign{margin:14px 13px 25px;grid-template-columns:1fr;min-height:0;border-radius:22px}
 .campaignPhoto{height:220px;min-height:220px;order:1}
 .campaignPhoto img{height:85%;width:88%;max-height:220px;transform:rotate(-6deg)}
 .campaignCopy{order:2;padding:22px 23px 26px}
 .campaignCopy h2{font-size:clamp(27px,7vw,38px);margin:10px 0 9px;line-height:1.02}
 .campaignCopy>p:not(.campaignEyebrow){font-size:12px;line-height:1.55;display:block;margin:7px 0}
 .campaign .btnOutline{min-height:43px;font-size:11px;margin-top:12px}
 .campaign .stamp{font-size:12px;left:16px;top:13px;padding:9px 10px}
 .campaign .stamp small{font-size:7px}
 .productCard .shopHeart{width:36px;height:36px;right:9px;top:9px;font-size:24px}
 .productCard .photoCount{top:49px!important;right:9px!important;font-size:8px}
 .productCard .shopDiscountBadge.pixOnly{font-size:9px;top:7px;left:8px}
 .footerBottom{display:flex;align-items:flex-start;flex-wrap:wrap;gap:13px 18px}
 #backTop{width:100%;min-height:51px;justify-content:center;margin-top:8px}
}
@media(max-width:375px){#heroCarousel .nando-firstSlide.active{min-height:300px}#heroCarousel .nando-firstContent h1{font-size:18px;letter-spacing:-.55px;line-height:1.13}#heroCarousel .nando-firstContent>p{font-size:9px}.categoryTile,.categoryTile[data-index="0"]{flex-basis:70vw}}
@media(prefers-reduced-motion:reduce){.categoryTile img,.categoryLabel b,#backTop,.campaign .btnOutline{transition:none!important}}