/*
Theme Name: Barberini
Description: Тема по исходному проекту Barberini, с каталогом WooCommerce и Selectel.
Version: 1.0.0
Text Domain: barberini
Requires PHP: 8.1
*/
:root{--bb-yellow:#ffeb4a;--bb-dark:#242834}
body{color:#242834;background:#fff;font-family:Rubik,Arial,sans-serif}a{color:inherit}a:hover{color:#716400}img{max-width:100%;height:auto}
.bb-shell{max-width:1440px;margin:auto}.bb-header-main{display:grid;grid-template-columns:260px 1fr 1.2fr 1fr;gap:28px;align-items:center;padding:22px 4%}
.bb-logo img{width:230px}.bb-header-main .phones{padding:0;margin:0;font-size:19px}.bb-search{display:flex;border-bottom:1px solid #aaa}.bb-search input{width:100%;min-width:0;padding:10px;border:0;background:transparent}.bb-search button{border:0;background:var(--bb-yellow);padding:10px 14px}.bb-cart{font-size:13px;line-height:1.8}
.bb-topbar{background:var(--bb-dark);color:#fff;padding:12px 4%;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.bb-topbar nav{display:flex;gap:20px;flex-wrap:wrap}.bb-topbar a{color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.bb-topbar a:hover{color:var(--bb-yellow)}
.bb-navigation{display:flex;justify-content:space-around;align-items:stretch;gap:16px;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:14px 4%;text-align:center}.bb-navigation a{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;text-transform:uppercase}.bb-navigation .icon{transform:scale(.65);margin:-12px}.bb-navigation img{width:90px}.bb-navigation a:hover{background:#fffce4}
.bb-content{padding:40px 4%;min-height:45vh}.bb-heading{text-align:center;font-size:28px;font-weight:400;margin:10px 0 30px}.bb-heading:after{content:'◆';display:block;color:var(--bb-yellow);font-size:20px;margin-top:14px}
.bb-hero{max-width:1080px;margin:40px auto 35px;padding:0 20px}.bb-hero img{display:block;width:100%}.bb-hero p{background:var(--bb-dark);color:white;padding:12px 20px;margin:0;text-align:center}
.bb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.bb-term-card{display:block;text-align:center;border:1px solid #eee;padding:12px;transition:box-shadow .15s}.bb-term-card:hover{box-shadow:0 5px 24px #0001;text-decoration:none}.bb-term-card img{width:100%;height:190px;object-fit:cover}.bb-term-card h3{font-size:17px;margin:18px 0 7px}.bb-term-card p{font-size:12px;color:#777}.bb-empty-image{height:190px;background:#f5f5f3;display:grid;place-items:center;color:#888}
.bb-filters{padding:24px;background:var(--bb-dark);color:white;display:flex;align-items:end;gap:18px;flex-wrap:wrap;margin-bottom:32px}.bb-filters label{flex:1;min-width:140px;font-size:12px;font-weight:400}.bb-filters select{display:block;width:100%;color:#222;background:white;margin-top:7px;padding:10px;border:0}.bb-filters button,.bb-button{background:var(--bb-yellow);color:#111;border:0;padding:11px 22px;text-transform:uppercase;font-size:12px;display:inline-block}.bb-filters .bb-reset{color:white;padding-bottom:12px;font-size:12px}
.bb-center{text-align:center;margin:30px 0}.bb-copy{max-width:980px;margin:45px auto;line-height:1.9;font-size:14px}.bb-copy h1,.bb-copy h2{font-weight:400}.bb-copy img{height:auto}.bb-contact{background:#f5f5f3;padding:35px;display:grid;grid-template-columns:1fr 1fr;gap:40px;line-height:1.9}.bb-contact h2{margin-top:0}.bb-breadcrumb{font-size:12px;color:#666;margin-bottom:25px}
footer{margin-top:40px;padding:40px 4%;background:var(--bb-dark);color:#fff}footer .bb-footer-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:40px}footer ul{padding:0;list-style:none}footer li{margin:0 0 10px}footer a{color:#fff}footer a:hover{color:var(--bb-yellow)}footer small{color:#aaa}.bb-description{max-width:980px;line-height:1.85;font-size:13px;margin:45px auto;color:#666;padding:0 20px}
.woocommerce .products li.product .button,.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce a.button{background:var(--bb-yellow);color:#111;border-radius:0}.woocommerce ul.products li.product .price{color:#242834}.woocommerce ul.products li.product a img{height:230px;object-fit:contain}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:16px;min-height:3em}.woocommerce .woocommerce-ordering select{padding:8px;border:1px solid #ddd}.woocommerce .quantity .qty{padding:8px}.woocommerce div.product .product_title{font-weight:400;font-size:30px}.bb-gallery{display:flex;flex-wrap:wrap;gap:10px}.bb-gallery-main{width:100%;text-align:center;background:#fafafa}.bb-gallery-main img{max-height:500px;object-fit:contain}.bb-gallery-thumb{width:calc(25% - 10px)}.bb-gallery-thumb img{height:95px;width:100%;object-fit:contain}.bb-availability{padding:18px;background:#fffce4;font-size:13px}.bb-price-request{font-size:16px}.bb-product-tax{font-size:14px}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{padding:10px;border:1px solid #bbb}.woocommerce .woocommerce-breadcrumb{margin-bottom:25px}.woocommerce nav.woocommerce-pagination{margin:30px 0}.bb-alert{padding:20px;background:#fffce4}
@media(max-width:1000px){.bb-header-main{grid-template-columns:1fr 1fr}.bb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bb-navigation{flex-wrap:wrap}.bb-navigation a{flex:1;min-width:160px}.bb-topbar>span{display:none}}
@media(max-width:600px){.bb-header-main{gap:18px;padding:20px}.bb-logo img{width:180px}.bb-header-main .phones{font-size:14px}.bb-search{grid-column:1/-1;grid-row:2}.bb-cart{font-size:12px}.bb-topbar nav{gap:12px}.bb-navigation{padding:10px;gap:8px}.bb-navigation .icon{display:none}.bb-navigation a{min-width:130px;font-size:11px;padding:8px}.bb-navigation img{width:60px}.bb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bb-term-card img,.bb-empty-image{height:130px}.bb-content{padding:25px 18px}.bb-heading{font-size:24px}.bb-filters{padding:18px;gap:12px}.bb-filters label{min-width:40%}.bb-contact,footer .bb-footer-grid{grid-template-columns:1fr;gap:20px}.bb-hero{margin-top:24px}.bb-hero p{font-size:12px}.bb-copy{margin-top:15px}.woocommerce ul.products li.product a img{height:160px}.bb-contact{padding:24px}}
/* Shared contact section: the original Yandex map with an editable contact card. */
.bb-contacts{margin:0;padding-top:32px}
.bb-contacts>.bb-heading{font-size:20px;text-transform:uppercase;margin:0;padding:18px 20px 28px}
.bb-contacts-stage{position:relative;isolation:isolate;min-height:440px;background:#f0f0ed;display:flex;align-items:stretch}
.bb-contacts-map{position:absolute;inset:0;z-index:0}
.bb-contacts-card{position:relative;z-index:1;width:44%;margin-left:8%;padding:38px 42px;background:var(--bb-dark);color:#fff;font-size:13px;line-height:1.75;overflow-wrap:anywhere}
.bb-contacts-card:after{content:'';position:absolute;left:100%;top:50%;transform:translateY(-50%);border:18px solid transparent;border-right:0;border-left-color:var(--bb-dark)}
.bb-contacts-card h2{font-size:13px;font-weight:700;text-transform:uppercase;margin:24px 0 8px;color:#fff}
.bb-contacts-card p{margin:0 0 12px}
.bb-contacts-card p:last-child{margin-bottom:0}
.bb-contacts-card a{color:#fff}
.bb-contacts-card a:hover,.bb-contacts-card a:focus{color:var(--bb-yellow)}
.bb-contacts-card a[target="_blank"]{color:var(--bb-yellow);text-decoration:underline;text-underline-offset:3px}
@media(max-width:767px){
 .bb-contacts{padding-top:12px}
 .bb-contacts-stage{display:flex;flex-direction:column;min-height:0}
 .bb-contacts-card{order:0;width:100%;margin:0;padding:28px 24px}
 .bb-contacts-card:after{display:none}
 .bb-contacts-map{position:relative;inset:auto;order:1;height:360px;width:100%}
}