/* BVB sample design system — scoped to the staging theme */
:root{--bvb-red:#df071b;--bvb-ink:#181920;--bvb-muted:#69707d}
body.bvb-exact{background:radial-gradient(ellipse at 75% 15%,#fff 0%,#f8f8fb 40%,#e9e9f0 100%);color:var(--bvb-ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
body.bvb-exact #wrapper{overflow:visible}body.bvb-exact a{text-decoration:none}
.bvb-exact-header{position:sticky;top:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 3.5%;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid #e7e7ea;box-shadow:0 10px 35px #20202d16;min-height:76px}
.bvb-exact-brand{font-size:25px;font-weight:1000;letter-spacing:-1px;white-space:nowrap;color:#181920!important}.bvb-exact-brand span{color:var(--bvb-red)}
.bvb-exact-nav{display:flex;align-items:center;gap:4px}.bvb-exact-nav>a,.bvb-exact-dropdown>a{display:block;padding:12px 9px;border-radius:9px;font-size:12px;font-weight:800;white-space:nowrap;color:#181920!important;transition:all .25s}.bvb-exact-nav a:hover{background:#ffe8eb;color:#c00!important;transform:translateY(-3px)}
.bvb-exact-dropdown{position:relative}.bvb-exact-dropdown-menu{position:absolute;display:none;top:100%;left:0;min-width:215px;background:white;border:1px solid #f2c8d0;border-radius:16px;padding:10px;box-shadow:0 25px 45px #16040b44;z-index:100;animation:bvbMenuIn .24s ease}.bvb-exact-dropdown:hover .bvb-exact-dropdown-menu,.bvb-exact-dropdown:focus-within .bvb-exact-dropdown-menu{display:grid}.bvb-exact-dropdown-menu a{display:block;padding:12px;border-radius:9px;font-size:13px;font-weight:700;color:#181920!important}.bvb-exact-dropdown-menu a:hover{background:#fff0f2;transform:translateX(5px)}@keyframes bvbMenuIn{from{opacity:0;transform:translateY(-8px) rotateX(-12deg)}to{opacity:1;transform:none}}
.bvb-exact-contact{display:flex;flex-direction:column;white-space:nowrap;font-size:11px;line-height:1.8;font-weight:bold}.bvb-exact-quick,body.bvb-exact .btn-main,body.bvb-exact .primary,body.bvb-exact input[type=submit],body.bvb-exact button[type=submit]{background:linear-gradient(125deg,#f0162b,#b80012)!important;color:white!important;border:0!important;border-radius:11px!important;padding:13px 18px!important;font-weight:800!important;box-shadow:0 9px 20px #df071b35!important;transition:transform .25s,box-shadow .25s!important}.bvb-exact-quick{white-space:nowrap;font-size:12px}.bvb-exact-quick:hover,body.bvb-exact .btn-main:hover{transform:translateY(-4px)!important;box-shadow:0 14px 25px #df071b50!important}
.bvb-exact-toggle{display:none;border:1px solid #eee;background:white;border-radius:10px;padding:10px;font-weight:800}
/* Homepage sample hero and cards */
body.bvb-exact .bvb-sample-hero-wrap{max-width:1450px;margin:32px auto 50px;padding:0 4%}body.bvb-exact .bvb-sample-hero{border-radius:30px;box-shadow:0 28px 36px #24212c28,0 65px 80px #bd14221c;animation:bvbHeroLevitate 6.5s ease-in-out infinite}body.bvb-exact .bvb-sample-hero-art{animation:bvbPhotoLevitate 5.3s ease-in-out infinite!important;box-shadow:0 20px 40px #c70b2e30,0 0 0 2px #f0162a88,0 0 26px #f0162a30}body.bvb-exact .bvb-sample-benefit{animation:bvbCardLevitate 4s ease-in-out infinite!important}body.bvb-exact .bvb-sample-benefit:nth-child(2){animation-delay:-1s!important}body.bvb-exact .bvb-sample-benefit:nth-child(3){animation-delay:-2s!important}
@keyframes bvbHeroLevitate{0%,100%{transform:translateY(0) rotateX(1deg)}50%{transform:translateY(-17px) rotateX(2.3deg)}}@keyframes bvbPhotoLevitate{0%,100%{transform:translateY(0) rotateY(-2deg)}50%{transform:translateY(-22px) rotateY(2deg)}}@keyframes bvbCardLevitate{0%,100%{transform:translateY(0) rotateX(2deg)}50%{transform:translateY(-12px) rotateX(7deg)}}@keyframes bvbTileLevitate{0%,100%{transform:translateY(0) rotateX(3deg)}50%{transform:translateY(-15px) rotateX(8deg)}}
body.bvb-exact .box-item,body.bvb-exact .product,body.bvb-exact .products li,body.bvb-exact .bvb-sample-category-card{background:#fff;border:1px solid #e8e9ef;border-radius:20px;box-shadow:10px 17px 28px #3b14241e,-5px -5px 18px #fff;transform-style:preserve-3d;transition:transform .28s ease,box-shadow .28s ease;animation:bvbTileLevitate 5.4s ease-in-out infinite;overflow:hidden}body.bvb-exact .box-item:nth-child(2n),body.bvb-exact .bvb-sample-category-card:nth-child(2n){animation-delay:-2s}body.bvb-exact .box-item:hover,body.bvb-exact .product:hover,body.bvb-exact .bvb-sample-category-card:hover{animation-play-state:paused;transform:perspective(850px) rotateX(7deg) rotateY(-8deg) translateY(-15px) translateZ(22px)!important;box-shadow:18px 30px 36px #a1113150,0 0 24px #ee163033}
body.bvb-exact .box-item img,body.bvb-exact .bvb-sample-category-card img{border-radius:13px;max-width:100%;height:auto}body.bvb-exact .tf-section{position:relative}body.bvb-exact .container{max-width:1360px}body.bvb-exact h1,body.bvb-exact h2,body.bvb-exact h3{letter-spacing:-.6px}
/* Sample-styled category landing page */
.bvb-sample-page{max-width:1450px;margin:0 auto;padding:40px 4% 90px;min-height:70vh}.bvb-sample-page h1{font-size:clamp(32px,4vw,54px);margin:12px 0}.bvb-sample-page p.lead{color:var(--bvb-muted);margin:0 0 30px}.bvb-sample-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.bvb-sample-category-card{padding:14px;display:block;color:var(--bvb-ink)!important}.bvb-sample-category-card img{width:100%;height:190px!important;object-fit:cover;background:#eee}.bvb-sample-category-card h3{font-size:20px;margin:14px 0 6px}.bvb-sample-category-card p{font-size:13px;color:var(--bvb-muted);line-height:1.5}.bvb-sample-pill{display:inline-block;padding:10px 14px;border-radius:11px;background:var(--bvb-red);color:white;font-size:12px;font-weight:800}
/* Footer, forms, secondary pages */
body.bvb-exact .footer{background:#191a20;color:white}body.bvb-exact input:not([type=checkbox]):not([type=radio]),body.bvb-exact select,body.bvb-exact textarea{border:1px solid #dfe1e6;border-radius:10px;padding:12px;background:#fafafa}body.bvb-exact .page-title{background:linear-gradient(135deg,#fff,#f2f3f8);border-radius:20px;margin:25px auto;max-width:1360px;box-shadow:0 15px 30px #1111}body.bvb-exact .prdarea,body.bvb-exact .panel{border-radius:20px}
@media(max-width:1190px){.bvb-exact-contact{display:none}.bvb-exact-nav>a,.bvb-exact-dropdown>a{padding:10px 6px;font-size:11px}}
@media(max-width:850px){.bvb-exact-header{flex-wrap:wrap}.bvb-exact-toggle{display:block;margin-left:auto}.bvb-exact-nav{display:none;order:5;width:100%;flex-direction:column;align-items:stretch;max-height:70vh;overflow:auto}.bvb-exact-header.bvb-menu-open .bvb-exact-nav{display:flex}.bvb-exact-dropdown-menu{display:grid;position:static;box-shadow:none;border:0;padding:0 0 0 15px;background:#fff9fa}.bvb-exact-quick{padding:10px!important}.bvb-sample-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.bvb-exact-brand{font-size:21px}.bvb-exact-quick{order:4;width:100%;text-align:center}.bvb-sample-category-grid{gap:12px}.bvb-sample-category-card img{height:135px!important}.bvb-sample-category-card h3{font-size:16px}.bvb-sample-page{padding:25px 4% 70px}}
@media(prefers-reduced-motion:reduce){body.bvb-exact .bvb-sample-hero,body.bvb-exact .bvb-sample-hero-art,body.bvb-exact .box-item,body.bvb-exact .product,body.bvb-exact .bvb-sample-category-card,body.bvb-exact .bvb-sample-benefit{animation:none!important}}

/* Keep the entire sample banner visible below the sticky navigation. */
body.bvb-exact .bvb-sample-hero-wrap{padding-top:20px;overflow:visible}
body.bvb-exact .bvb-sample-hero{overflow:visible;transform-origin:center center}
body.bvb-exact .bvb-sample-hero-art{overflow:hidden}
body.bvb-exact .bvb-sample-hero-art img{display:block;width:100%;height:100%;object-fit:contain;background:#f6f6f8}

/* V4: uninterrupted sample-accurate floating banner, full image visibility */
body.bvb-exact .bvb-sample-hero-wrap{position:relative;z-index:1;max-width:1450px;margin:42px auto 60px;padding:34px 4% 44px!important;overflow:visible!important;perspective:1300px;clear:both}
body.bvb-exact .bvb-sample-hero{position:relative;isolation:isolate;overflow:visible!important;min-height:470px;transform-style:preserve-3d;animation:bvbHeroLevitate 6.5s ease-in-out infinite!important;will-change:transform}
body.bvb-exact .bvb-sample-hero-art{height:360px;overflow:hidden!important;animation:bvbPhotoLevitate 5.3s ease-in-out infinite!important;will-change:transform}
body.bvb-exact .bvb-sample-hero-art img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center center}
body.bvb-exact .bvb-sample-benefit{animation:bvbCardLevitate 4s ease-in-out infinite!important}
@media(max-width:850px){body.bvb-exact .bvb-sample-hero-wrap{margin-top:20px;padding-top:26px!important}body.bvb-exact .bvb-sample-hero{min-height:0}body.bvb-exact .bvb-sample-hero-art{height:300px}}
@media(max-width:600px){body.bvb-exact .bvb-sample-hero-art{height:230px}}
@media(prefers-reduced-motion:reduce){body.bvb-exact .bvb-sample-hero,body.bvb-exact .bvb-sample-hero-art,body.bvb-exact .bvb-sample-benefit{animation:none!important}}