/*
Theme Name: Bobapack Commerce
Description: Autorski szkic sklepu Bobapack dla WordPress/WooCommerce; projekt demonstracyjny.
Author: Bobapack
Version: 0.2.0
Text Domain: bobapack-commerce
WPVibe: yes
Update URI: false
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Nunito:wght@500;600;700;800;900&display=swap');
:root{--color-primary:#ffe45a;--color-secondary:#dcd0ff;--color-accent:#fc765c;--color-text:#1d2826;--color-muted:#74807c;--color-background:#ffffff;--color-border:#e8e9e3;--font-heading:'Nunito',sans-serif;--font-body:'DM Sans',sans-serif;--radius-card:22px;--radius-button:14px;--container-width:1330px;--bb-dark:#1d2927;--bb-purple:#d9cdfb;--bb-yellow:#ffe45c;--bb-mint:#daefe2;--bb-peach:#fcd0bc}
html{scroll-behavior:smooth}body.bb-storefront{margin:0;color:var(--bb-dark);font-family:var(--font-body);font-size:15px;background:#fff;line-height:1.5;overflow-x:hidden}body.bb-storefront *{box-sizing:border-box}body.bb-storefront a{color:inherit;text-decoration:none}body.bb-storefront button,body.bb-storefront input{font:inherit}body.bb-storefront button{cursor:pointer}body.bb-storefront h1,body.bb-storefront h2,body.bb-storefront h3{font-family:var(--font-heading);letter-spacing:-.045em;line-height:1.06;font-weight:900}body.bb-storefront h1,body.bb-storefront h2,body.bb-storefront h3,body.bb-storefront p{margin-top:0}body.bb-storefront em{font-style:normal;color:#7756bb}body.bb-storefront .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.bb-storefront :focus-visible{outline:3px solid #7657be;outline-offset:3px}
.bb-container{width:min(calc(100% - 72px),var(--container-width));margin-inline:auto}.bb-top{background:#24332e;color:#fff;font-size:11px;font-weight:650;letter-spacing:.018em}.bb-top-inner{display:flex;justify-content:space-between;gap:15px;padding:9px 0}.bb-top-inner span:first-letter{color:var(--bb-yellow)}.bb-header{background:#fff;position:relative;z-index:100;box-shadow:0 1px 0 #e9e9e4}.bb-mainhead{height:96px;display:flex;align-items:center;gap:42px}.bb-logo{font:900 37px/.83 var(--font-heading);letter-spacing:-.095em;white-space:nowrap;display:inline-flex;align-items:baseline;position:relative;color:var(--bb-dark)}.bb-logo span{color:#8c6bcc}.bb-logo i{color:#ffcc47;font-style:normal;font-size:20px;margin-left:3px}.bb-logo small{position:absolute;top:43px;left:2px;font:700 8.5px var(--font-body);letter-spacing:.07em;color:#89908b;text-transform:uppercase}.bb-search{height:51px;display:flex;align-items:center;border:1.5px solid #e5e7df;background:#fafaf7;border-radius:12px;padding:0 5px 0 15px;gap:12px;flex:1;max-width:650px}.bb-search svg{color:#899087;flex-shrink:0}.bb-search input{font-size:13px;border:0;background:transparent;outline:0;flex:1;min-width:0;color:#25332e}.bb-search input::placeholder{color:#959b96}.bb-search button{height:40px;padding:0 23px;background:var(--bb-yellow);border:0;border-radius:9px;font-weight:800;font-size:12px}.bb-search{position:relative}.bb-search-results:empty{display:none}.bb-search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:300;background:#fff;border:1px solid #eee;box-shadow:0 14px 35px #1d292724;border-radius:12px;padding:8px;max-height:360px;overflow:auto}.bb-search-result{display:block;padding:11px 12px;border-radius:8px;font-size:12px;line-height:1.5}.bb-search-result:hover,.bb-search-result:focus-visible{background:#f3eefc}.bb-head-actions{display:flex;align-items:center;gap:23px;margin-left:auto}.bb-price-switch{border:1px solid #e5e7e3;background:#fff;border-radius:100px;padding:7px 12px;white-space:nowrap;font-size:10px;font-weight:900}.bb-price-switch b{background:#26382f;color:#fff;border-radius:100px;padding:5px 7px}.bb-price-switch.is-gross{background:#26382f;color:white}.bb-price-switch.is-gross b{background:transparent}.bb-price-switch span{opacity:.4}.bb-icon-link{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;white-space:nowrap}.bb-icon-link .bb-i{font-size:31px;font-weight:500;line-height:1}.bb-icon-link small{font-size:10px;font-weight:700}.bb-icon-link em{position:absolute;right:-9px;top:-5px;background:var(--bb-yellow);font-style:normal;font-size:10px;font-weight:800;width:18px;height:18px;display:grid;place-items:center;border-radius:50%}.bb-hamb{display:none;border:0;background:transparent;font-size:26px}
.bb-nav{border-top:1px solid #f0f0eb}.bb-nav-inner{display:flex;align-items:stretch;justify-content:space-between;gap:12px}.bb-navitem{position:relative}.bb-navitem>a{display:block;font-size:12px;font-weight:800;padding:18px 2px;white-space:nowrap}.bb-navitem:last-child>a{color:#815dc4}.bb-navitem>a:hover{color:#8567ca}.bb-subnav{display:none;position:absolute;left:-16px;top:100%;min-width:225px;background:#fff;padding:21px;box-shadow:0 16px 45px #1d29272a;border-radius:0 0 15px 15px;border:1px solid #eee;z-index:50}.bb-subnav strong{font:900 18px var(--font-heading);display:block;margin:0 0 14px}.bb-subnav a{display:block;font-size:12px;font-weight:600;padding:8px 0;border-bottom:1px solid #f4f4ef}.bb-subnav a:hover{color:#7753b2}.bb-subnav .bb-sub-all{font-weight:800;color:#694ab2;padding-top:14px}.bb-navitem:hover .bb-subnav,.bb-navitem:focus-within .bb-subnav{display:block}
.bb-hero{margin-top:22px}.bb-slider{border-radius:25px;overflow:hidden;position:relative;height:550px;background:var(--bb-purple);isolation:isolate}.bb-slide{position:absolute;inset:0;display:grid;grid-template-columns:53% 47%;visibility:hidden;opacity:0;transform:translateX(10px);transition:visibility .4s,opacity .55s,transform .6s}.bb-slide.is-active{visibility:visible;opacity:1;transform:translateX(0)}.bb-slide-lavender{background:#ded3fb}.bb-slide-yellow{background:#ffe56e}.bb-slide-mint{background:#cde8db}.bb-slide-peach{background:#f9d7bf}.bb-hero-copy{padding:64px 0 40px 69px;position:relative;z-index:2}.bb-eyebrow{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.bb-sparkle{font-size:19px;margin-right:6px}.bb-hero h1,.bb-hero h2{font-size:clamp(40px,4.55vw,69px);letter-spacing:-.06em;line-height:1.03;margin:28px 0 23px;max-width:700px}.bb-hero h1 em,.bb-hero h2 em{color:#6d51a8}.bb-hero-copy>p{max-width:430px;font-size:15px;line-height:1.7;margin-bottom:27px}.bb-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:#24352e;color:#fff!important;border:0;border-radius:12px;font-weight:800;font-size:13px;padding:17px 21px;min-height:52px;transition:transform .2s,background .2s}.bb-primary:hover{transform:translateY(-2px);background:#425e4e}.bb-primary>span{font-size:21px;line-height:1}.bb-hero-bottom{font-size:12px;color:#4e4b67;margin-top:33px;font-weight:700}.bb-hero-art{position:relative;overflow:hidden;min-height:100%}.bb-orbit{border:1.5px solid #ffffff8a;border-radius:50%;position:absolute;inset:30px 50px 15px -60px;transform:rotate(25deg)}.bb-orbit-two{inset:80px -70px -80px 65px}.bb-hero-illustration{position:absolute;filter:drop-shadow(6px 17px 9px #3a345f23)}.bb-hero-illustration .bb-product-art{width:100%;height:100%}.bb-hbox{width:69%;height:74%;right:22%;top:13%;transform:rotate(-12deg)}.bb-hcup{width:56%;height:65%;right:-3%;top:24%;transform:rotate(18deg)}.bb-hbag{width:39%;height:49%;right:49%;bottom:-1%;transform:rotate(-8deg)}.bb-hero-sticker{position:absolute;top:47px;right:42px;font:700 14px/1.1 var(--font-heading);width:105px;height:105px;border-radius:100px;background:#ffe35a;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg)}.bb-hero-sticker strong{font-weight:900;font-size:18px}.bb-slider-controls{position:absolute;bottom:25px;left:69px;z-index:4;display:flex;align-items:center;gap:14px}.bb-slider-controls>button{background:#ffffff80;border:1px solid #ffffff9e;border-radius:50%;width:35px;height:35px;font-size:20px}.bb-slide-index{font-size:12px;font-weight:900;margin:0 4px}.bb-slide-index span{font-weight:600;opacity:.55}.bb-slide-dots{display:flex;gap:6px;margin-left:6px}.bb-slide-dots button{width:8px;height:8px;border:0;border-radius:99px;background:#5c617366;padding:0}.bb-slide-dots button.active{background:#253c30;width:24px}
.bb-trust{display:grid;grid-template-columns:repeat(4,1fr);padding:37px 0;border-bottom:1px solid var(--color-border);gap:30px}.bb-trust>div{display:grid;grid-template-columns:35px 1fr;column-gap:8px;align-items:center}.bb-trust span{font-size:28px;grid-row:1/3;color:#8a65c4}.bb-trust strong{font-size:12px}.bb-trust small{font-size:11px;color:#89918b}.bb-section{padding-top:88px}.bb-section-title{display:flex;justify-content:space-between;align-items:end;margin:0 0 30px;gap:20px}.bb-section-title h2{font-size:clamp(30px,3.1vw,47px);margin:11px 0 0}.bb-section-title p{margin:9px 0 0;color:#888f89;font-size:13px}.bb-text-link{font-size:13px;font-weight:800;border-bottom:1px solid;padding-bottom:5px;white-space:nowrap}.bb-text-link:hover{color:#7859b7}
.bb-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.bb-category{height:284px;border-radius:20px;padding:26px;position:relative;overflow:hidden;display:block;transition:transform .25s}.bb-category:hover{transform:translateY(-5px)}.bb-cat-lilac{background:#e8ddff}.bb-cat-yellow{background:#ffe7a0}.bb-cat-green{background:#d9eee2}.bb-cat-peach{background:#ffddd1}.bb-category-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.bb-category h3{margin:8px 0;font-size:26px;max-width:190px}.bb-category .bb-cat-go{position:absolute;top:20px;right:22px;width:31px;height:31px;border-radius:50%;border:1px solid #4d534f;display:grid;place-items:center;font-size:18px}.bb-category .bb-product-art{position:absolute;right:-22px;bottom:-37px;width:200px;height:200px;filter:drop-shadow(0 10px 7px #2f40301c);transform:rotate(9deg)}
.bb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.bb-card{border:1px solid #ecefe9;border-radius:16px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}.bb-card:hover{box-shadow:0 10px 28px #24382c12;transform:translateY(-3px)}.bb-art-wrap{display:grid;place-items:center;height:243px;position:relative;background:#f7f7f3;overflow:hidden}.bb-card:nth-child(4n + 2) .bb-art-wrap{background:#f1ebf7}.bb-card:nth-child(4n + 3) .bb-art-wrap{background:#f9f0e1}.bb-card:nth-child(4n + 4) .bb-art-wrap{background:#e9f2ec}.bb-product-art{width:94%;height:94%;object-fit:contain}.bb-art-wrap .attachment-woocommerce_thumbnail{height:100%;width:100%;object-fit:contain;padding:20px}.bb-demo-tag{position:absolute;top:15px;left:15px;background:#fff;border-radius:5px;padding:4px 7px;font-size:9px;letter-spacing:.1em;font-weight:900;color:#65575a;box-shadow:0 2px 5px #00000009}.bb-card-body{padding:19px 18px 16px;display:flex;flex-direction:column;min-height:212px}.bb-kicker{font-size:10px;font-weight:800;color:#9586b6;text-transform:uppercase;margin-bottom:8px;letter-spacing:.035em}.bb-product-name{font-size:14px;font-weight:800;line-height:1.38;min-height:40px}.bb-money{font-size:20px;font-weight:900;margin-top:14px;letter-spacing:-.035em}.bb-money small{font-size:11px;font-weight:600;letter-spacing:0;color:#7d867f}.bb-unit{color:#7d867f;font-size:11px;margin:2px 0 15px}.bb-card-btn{margin-top:auto;background:var(--bb-yellow);padding:11px 13px;border-radius:8px;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:space-between}.bb-card-btn span{font-size:17px}.bb-card-btn:hover{background:#f8d643}.bb-catalog-pill{font-size:11px;white-space:nowrap;border:1px solid #e7e8e3;border-radius:100px;padding:9px 13px;font-weight:800;color:#777e78}
.bb-banner{margin-top:95px;border-radius:25px;background:#e9defc;display:grid;grid-template-columns:58% 42%;min-height:400px;position:relative;overflow:hidden}.bb-banner-copy{padding:58px 0 54px 62px;z-index:2}.bb-banner h2{font-size:clamp(35px,3.4vw,52px);margin:20px 0}.bb-banner p{max-width:430px;font-size:14px;line-height:1.65;margin-bottom:25px}.bb-banner-art{position:relative}.bb-banner-art>.bb-product-art{position:absolute;width:68%;height:78%;filter:drop-shadow(10px 16px 6px #493f7030)}.bb-banner-art>.bb-product-art:first-child{right:28%;top:16%;transform:rotate(-12deg)}.bb-banner-art>.bb-product-art:nth-child(2){right:-6%;top:9%;transform:rotate(19deg)}.bb-round-stamp{position:absolute;right:24px;bottom:25px;transform:rotate(12deg);background:#f9e363;width:102px;height:102px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:13px;line-height:1.1}
.bb-story{display:grid;grid-template-columns:1fr 1fr;min-height:435px;margin-top:100px;border-radius:23px;overflow:hidden;background:#eef1e5}.bb-story-shape{position:relative;background:#e9efe7;display:flex;align-items:center;justify-content:center}.bb-story-shape:before{content:"";position:absolute;inset:12% 17%;border-radius:44% 56% 35% 65%;background:#d1ddcf;transform:rotate(16deg)}.bb-story-big{position:relative;font:900 clamp(60px,7vw,118px)/.7 var(--font-heading);letter-spacing:-.1em;transform:rotate(-9deg)}.bb-story-big em{color:#9073bf}.bb-story-smile{position:absolute;bottom:25px;left:38px;font-size:64px;transform:rotate(-16deg)}.bb-story-copy{padding:65px 65px 40px}.bb-story h2{font-size:clamp(31px,3.5vw,49px);margin:17px 0 20px}.bb-story p{color:#606d64;max-width:410px;line-height:1.72;font-size:14px}.bb-story .bb-text-link{display:inline-block;margin-top:12px}
.bb-news{margin-top:90px;margin-bottom:90px;border-radius:24px;background:#f8edd6;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:260px;gap:20px;padding:40px 65px}.bb-news-text{position:relative;padding-left:65px}.bb-news-text>span{position:absolute;left:0;top:-18px;font-size:48px;color:#9d77ca}.bb-news h2{font-size:41px;margin:0 0 13px}.bb-news p{font-size:13px;max-width:450px;color:#707669}.bb-news-info{font-family:var(--font-heading);font-size:32px;line-height:1.1;text-align:center}.bb-news-info b{font-size:52px;color:#8f6cc1}.bb-news-info small{font:600 12px var(--font-body);display:block;margin-top:16px;color:#8c8c80}
.bb-footer{background:#1e3129;color:#f2f5ef;padding:70px 0 20px}.bb-footer-lead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff30;padding-bottom:49px}.bb-footer-title{font:900 clamp(28px,3.2vw,46px)/1.12 var(--font-heading);letter-spacing:-.05em}.bb-footer-lead p{font-size:13px;color:#b8c7be;margin:11px 0 0}.bb-primary-light{background:#ffe45c!important;color:#1e3129!important}.bb-footer-grid{display:grid;grid-template-columns:2.1fr 1fr 1.35fr 1.35fr;gap:35px;padding:50px 0 60px}.bb-logo-invert{color:#fff!important}.bb-footer-grid p{color:#aabbb0;font-size:12px;margin:22px 0 12px}.bb-footer-grid small{color:#8b9e90;font-size:10px}.bb-footer-grid h3{font:800 13px var(--font-body);letter-spacing:0;margin-bottom:21px}.bb-footer-grid a:not(.bb-logo),.bb-footer-grid span{display:block;font-size:12px;color:#b4c6b7;margin:12px 0}.bb-footer-grid a:hover{color:#ffe45c}.bb-footbottom{border-top:1px solid #ffffff24;padding:23px 0;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#a1b2a7}
.bb-crumbs{font-size:11px;color:#818a82;padding:26px 0 32px}.bb-crumbs a{text-decoration:underline!important;text-underline-offset:3px}.bb-catalog{padding-bottom:100px}.bb-catalog-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.bb-catalog-head h1{font-size:48px;margin:12px 0}.bb-catalog-head p{color:#78847c}.bb-catalog-layout{display:grid;grid-template-columns:230px 1fr;gap:35px}.bb-filters{border:1px solid #eceeea;padding:20px 22px;border-radius:14px;height:max-content}.bb-filters h3{font-size:19px;margin:0 0 28px}.bb-filter-title{font-size:11px;font-weight:900;margin-bottom:12px;text-transform:uppercase}.bb-filters a{font-size:12px;padding:8px 0;display:block;color:#5c665e!important}.bb-filters a.active{color:#7651ad!important;font-weight:900}.bb-filters p{border-top:1px solid #eee;padding-top:20px;font-size:11px;line-height:1.5;color:#999}.bb-toolbar{border-bottom:1px solid #eceeea;display:flex;justify-content:space-between;padding-bottom:18px;margin-bottom:20px;font-size:12px;color:#78827c}.bb-grid-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}
.bb-detail{padding-bottom:90px}.bb-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.bb-detail-photo{background:#f2f0ee;border-radius:22px;position:relative;display:grid;place-items:center;min-height:540px}.bb-detail-photo>.bb-product-art{height:90%;width:90%}.bb-detail-photo .bb-demo-tag{top:22px;left:24px}.bb-detail-thumbs{position:absolute;bottom:18px;left:22px;display:flex;gap:8px}.bb-detail-thumbs span{background:#fff;border-radius:6px;padding:8px;font-size:10px}.bb-detail-copy{padding-top:20px}.bb-detail h1{font-size:48px;margin:20px 0}.bb-detail-micro{font-size:12px;color:#819086;margin-bottom:35px}.bb-detail-prices{border-top:1px solid #e3e8e1;border-bottom:1px solid #e3e8e1;padding:24px 0}.bb-detail-mainprice{font:900 34px var(--font-heading);letter-spacing:-.045em}.bb-detail-mainprice small{font:600 14px var(--font-body)}.bb-detail-unit{font-size:12px;margin-top:8px;color:#69786d}.bb-demo-order{margin-top:26px;display:grid;grid-template-columns:150px 1fr;align-items:end;gap:13px}.bb-demo-order label{grid-column:1/-1;font-size:12px;font-weight:800}.bb-demo-order small{grid-column:1/-1;color:#a1a9a0;font-size:11px}.bb-qty{display:flex;border:1px solid #e0e5dd;border-radius:11px;overflow:hidden;height:52px}.bb-qty input{width:50px;min-width:0;border:0;text-align:center;-moz-appearance:textfield}.bb-qty input::-webkit-outer-spin-button,.bb-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bb-qty button{flex:1;border:0;background:#fff;font-size:20px}.bb-disabled{opacity:.52;cursor:not-allowed!important;transform:none!important}.bb-detail-benefits{margin-top:32px;display:grid;gap:17px}.bb-detail-benefits div{display:grid;grid-template-columns:36px 1fr;align-items:center;font-size:22px;color:#8061b4}.bb-detail-benefits b{font-size:12px;color:#202e24}.bb-detail-benefits span{grid-column:2;color:#859087;font-size:11px}.bb-detail-spec{margin-top:50px}.bb-detail-spec h2{font-size:31px}.bb-spec-table{border-top:1px solid #e1e5df}.bb-spec-table>div{display:grid;grid-template-columns:1fr 1fr;padding:14px;border-bottom:1px solid #e1e5df;font-size:13px}.bb-spec-table span{color:#657368}.bb-wc-page{padding:20px 0 100px}.bb-wc-page .woocommerce ul.products li.product{border:1px solid #ecefe9;border-radius:16px;padding:16px!important}.bb-wc-page .woocommerce a.button,.bb-wc-page .woocommerce button.button{background:#ffe45c;color:#1d2927;border-radius:9px}.bb-wc-page .woocommerce .price{color:#1f3228!important}
@media(max-width:1190px){.bb-mainhead{gap:20px}.bb-search{max-width:none}.bb-nav-inner{gap:8px;overflow-x:auto}.bb-navitem>a{font-size:11px}.bb-top-inner span:nth-child(3){display:none}.bb-head-actions{gap:14px}.bb-categories{grid-template-columns:repeat(2,1fr)}.bb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bb-hero-copy{padding-left:45px}.bb-slider-controls{left:45px}.bb-hero h1,.bb-hero h2{font-size:53px}}
@media(max-width:820px){.bb-container{width:min(calc(100% - 38px),var(--container-width))}.bb-top-inner span:nth-child(n+3){display:none}.bb-mainhead{height:auto;padding:15px 0;flex-wrap:wrap;gap:14px}.bb-logo{font-size:30px}.bb-logo small{top:34px;font-size:7px}.bb-head-actions{margin-left:auto;gap:15px}.bb-hamb{display:block}.bb-price-switch{display:none}.bb-icon-link small{display:none}.bb-icon-link .bb-i{font-size:25px}.bb-search{order:3;flex-basis:100%;height:44px}.bb-search button{height:34px}.bb-nav{display:none;position:absolute;left:0;right:0;background:#fff;box-shadow:0 15px 25px #0000001f;max-height:70vh;overflow-y:auto}.bb-nav.bb-nav-open{display:block}.bb-nav-inner{display:block;padding-top:10px;padding-bottom:16px}.bb-navitem>a{padding:11px 5px;border-bottom:1px solid #f1f2eb;font-size:13px}.bb-subnav{position:static;display:none;box-shadow:none;padding:10px 20px;border:0}.bb-navitem:focus-within .bb-subnav{display:block}.bb-slider{height:620px}.bb-slide{grid-template-columns:1fr;grid-template-rows:58% 42%}.bb-hero-copy{padding:34px 28px 0}.bb-hero h1,.bb-hero h2{font-size:clamp(38px,7vw,54px);margin:18px 0 16px}.bb-hero-copy>p{font-size:13px;margin-bottom:18px;line-height:1.5}.bb-hero-bottom{display:none}.bb-hero-art{min-height:0}.bb-hbox{width:53%;height:130%;top:-21%;right:26%}.bb-hcup{width:45%;height:113%;top:-17%;right:0}.bb-hbag{width:35%;height:103%;bottom:-7%;right:57%}.bb-hero-sticker{width:70px;height:70px;font-size:10px;right:20px;top:5px}.bb-hero-sticker strong{font-size:12px}.bb-slider-controls{bottom:18px;left:28px}.bb-trust{grid-template-columns:repeat(2,1fr);gap:18px;padding:23px 0}.bb-section{padding-top:56px}.bb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-art-wrap{height:205px}.bb-banner{grid-template-columns:1fr;min-height:530px}.bb-banner-copy{padding:35px 30px}.bb-banner-art{height:200px}.bb-banner-art>.bb-product-art:first-child{width:47%;height:180%;top:-40%;right:35%}.bb-banner-art>.bb-product-art:nth-child(2){width:40%;height:170%;top:-35%;right:7%}.bb-story{grid-template-columns:1fr}.bb-story-shape{min-height:250px}.bb-story-copy{padding:40px}.bb-news{grid-template-columns:1fr;padding:30px;gap:20px}.bb-news-info{text-align:left;padding-left:65px}.bb-footer-grid{grid-template-columns:repeat(2,1fr)}.bb-detail-grid{gap:30px}.bb-detail-photo{min-height:370px}.bb-detail h1{font-size:35px}.bb-catalog-layout{grid-template-columns:1fr}.bb-filters{display:none}.bb-grid-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.bb-container{width:calc(100% - 28px)}.bb-top{font-size:9px}.bb-top-inner{gap:5px}.bb-top-inner span:nth-child(2){display:none}.bb-logo{font-size:28px}.bb-mainhead{gap:12px}.bb-search input::placeholder{font-size:11px}.bb-search button{padding:0 13px}.bb-icon-link .bb-i{font-size:21px}.bb-hamb{font-size:23px}.bb-hero{margin-top:12px}.bb-slider{height:577px;border-radius:16px}.bb-slide{grid-template-rows:63% 37%}.bb-hero-copy{padding:28px 22px 0}.bb-hero h1,.bb-hero h2{font-size:40px;line-height:1.03}.bb-hero-copy>p{max-width:330px;font-size:12px}.bb-primary{padding:13px 17px;min-height:45px;font-size:12px}.bb-hero-sticker{top:0;right:15px}.bb-slider-controls{bottom:13px;left:18px}.bb-trust{grid-template-columns:1fr 1fr;gap:14px 8px}.bb-trust>div{grid-template-columns:25px 1fr}.bb-trust span{font-size:21px}.bb-trust strong{font-size:10px}.bb-trust small{font-size:9px}.bb-section-title h2{font-size:33px}.bb-section-title .bb-text-link{display:none}.bb-categories{gap:10px}.bb-category{height:196px;padding:15px;border-radius:13px}.bb-category h3{font-size:20px}.bb-category-label{font-size:9px}.bb-category .bb-cat-go{width:25px;height:25px;right:11px;top:10px}.bb-category .bb-product-art{width:135px;height:135px;bottom:-26px;right:-23px}.bb-grid{gap:10px}.bb-art-wrap{height:165px}.bb-card-body{padding:12px 11px;min-height:205px}.bb-kicker{font-size:9px}.bb-product-name{font-size:12px;min-height:51px}.bb-money{font-size:16px}.bb-money small{font-size:9px}.bb-unit{font-size:9px;min-height:28px}.bb-card-btn{font-size:10px;padding:10px 8px}.bb-banner{margin-top:60px;min-height:475px;border-radius:16px}.bb-banner-copy{padding:29px 23px}.bb-banner h2{font-size:34px}.bb-banner p{font-size:12px}.bb-story{margin-top:60px}.bb-story-shape{min-height:210px}.bb-story-big{font-size:72px}.bb-story-copy{padding:30px 25px}.bb-story h2{font-size:33px}.bb-news{margin:60px auto;padding:27px 20px}.bb-news-text{padding-left:46px}.bb-news-text>span{font-size:33px}.bb-news h2{font-size:32px}.bb-news-info{padding-left:46px;font-size:23px}.bb-news-info b{font-size:36px}.bb-footer{padding-top:38px}.bb-footer-lead{display:block;padding-bottom:30px}.bb-footer-lead .bb-primary{margin-top:20px}.bb-footer-grid{gap:20px;grid-template-columns:1fr 1fr;padding:30px 0}.bb-footer-grid>div:first-child{grid-column:1/-1}.bb-footer-grid h3{font-size:12px}.bb-footbottom{display:block}.bb-footbottom span{display:block;margin:8px 0}.bb-catalog-head h1{font-size:34px}.bb-catalog-pill{display:none}.bb-detail-grid{grid-template-columns:1fr;gap:20px}.bb-detail-photo{min-height:320px}.bb-detail h1{font-size:33px}.bb-detail-copy{padding-top:10px}.bb-detail-mainprice{font-size:28px}.bb-demo-order{grid-template-columns:120px 1fr}}

/* Sticky header: announcement bar scrolls away; navigation remains available. */
body.bb-storefront{overflow-x:clip}
body.bb-storefront .bb-header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 13px rgba(31,47,39,.08)}
body.admin-bar.bb-storefront .bb-header{top:32px}
html{scroll-padding-top:175px}
/* A single, visually clear net/gross control. */
.bb-mainhead>.bb-price-switch-mobile{display:none}
body.bb-storefront .bb-price-switch{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:3px;border-radius:999px;background:#fff;border:1px solid #dce3dd;white-space:nowrap;color:#27392f}
body.bb-storefront .bb-price-switch .bb-switch-net,
body.bb-storefront .bb-price-switch .bb-switch-gross{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.025em;opacity:1}
body.bb-storefront .bb-price-switch .bb-switch-sep{font-size:10px;color:#a1aaa1;opacity:1}
body.bb-storefront .bb-price-switch[data-mode=net] .bb-switch-net,
body.bb-storefront .bb-price-switch[data-mode=gross] .bb-switch-gross{background:#26382f;color:#fff}
body.bb-storefront .bb-price-switch.is-gross{background:#fff;color:#26382f}
@media(max-width:820px){
 body.bb-storefront .bb-mainhead{display:grid;grid-template-columns:minmax(0,1fr) max-content;grid-template-rows:auto auto;gap:12px;align-items:center}
 body.bb-storefront .bb-mainhead>.bb-logo{grid-column:1;grid-row:1;min-width:0}
 body.bb-storefront .bb-mainhead>.bb-head-actions{grid-column:2;grid-row:1;margin:0;gap:13px}
 body.bb-storefront .bb-mainhead>.bb-search{grid-column:1;grid-row:2;order:initial;min-width:0;width:100%;max-width:none;flex-basis:auto}
 body.bb-storefront .bb-head-actions .bb-price-switch{display:none}
 body.bb-storefront .bb-mainhead>.bb-price-switch-mobile{display:inline-flex;grid-column:2;grid-row:2}
 body.bb-storefront .bb-price-switch .bb-switch-net,
 body.bb-storefront .bb-price-switch .bb-switch-gross{padding:6px 7px}
 html{scroll-padding-top:155px}
}
@media(max-width:782px){body.admin-bar.bb-storefront .bb-header{top:46px}}
@media(max-width:560px){
 body.bb-storefront .bb-mainhead{gap:10px}
 body.bb-storefront .bb-head-actions{gap:10px}
 body.bb-storefront .bb-price-switch .bb-switch-net,
 body.bb-storefront .bb-price-switch .bb-switch-gross{font-size:9px;padding:6px 5px}
 body.bb-storefront .bb-search{padding-left:9px;gap:7px}
 body.bb-storefront .bb-search button{padding:0 10px}
}
.bb-content-page{padding-bottom:100px}.bb-page-article{max-width:920px;margin:0 auto}.bb-page-article header{background:#e6dcfa;border-radius:20px;padding:55px 50px;margin-bottom:35px}.bb-page-article h1{font-size:clamp(38px,5vw,60px);margin:15px 0 0}.bb-page-body{max-width:800px;margin:auto;line-height:1.8}.bb-error-page{padding:110px 0 145px}.bb-error-page h1{font-size:clamp(48px,6vw,85px);margin:20px 0}.bb-error-page p{font-size:16px;color:#718074;max-width:520px;margin-bottom:30px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bb-slide,.bb-card,.bb-category,.bb-primary{transition:none!important}}