/* poppersy.ru — тема «поп-арт / комикс»: плотные контуры, жёсткие тени, жёлтый-красный-синий, читаемый текст */
@font-face{font-family:'Russo One';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/RussoOne.ttf) format('truetype')}
:root{--pp-red:#ff3b3b;--pp-red-d:#d62020;--pp-yellow:#ffd400;--pp-blue:#1e6bff;--pp-ink:#1a1a1a;--pp-paper:#fffdf5;--pp-shadow:4px 4px 0 var(--pp-ink)}
html{scroll-behavior:smooth}
body{background:var(--pp-paper) radial-gradient(circle,#f1e6c3 1.3px,transparent 1.4px) 0 0/16px 16px;color:var(--pp-ink);font-family:"Open Sans",Arial,sans-serif;font-size:15px;line-height:1.55}
a{color:var(--pp-red-d)} a:hover,a:focus{color:var(--pp-blue);text-decoration:none}
h1,h2,h3,h4,h5,.h1,.h2,.h3,.pp-title{font-family:'Russo One',"Open Sans",Arial,sans-serif;font-weight:400;color:var(--pp-ink);letter-spacing:.2px}
h1{font-size:28px;margin:18px 0 18px;display:inline-block;background:var(--pp-yellow);border:3px solid var(--pp-ink);border-radius:10px;box-shadow:var(--pp-shadow);padding:6px 16px;transform:rotate(-.6deg)}
h2{font-size:22px} h3{font-size:19px}
#content h3.pp-h,#content>h3{display:inline-block;border-bottom:4px solid var(--pp-red);padding-bottom:2px;margin:18px 0 14px}

/* верхняя полоса */
#top{background:var(--pp-ink);border:0;border-bottom:4px solid var(--pp-yellow);margin:0;min-height:38px;padding:4px 0}
#top .btn-link,#top-links a,#top-links li,#top .list-inline a{color:#fff !important;text-shadow:none}
#top-links a:hover,#top .btn-link:hover{color:var(--pp-yellow) !important}
#top-links .fa-phone{color:var(--pp-yellow)}
#top-links li:first-child a{color:var(--pp-yellow) !important;font-weight:700}

/* шапка */
header{padding-top:6px}
#logo img{max-height:76px;width:auto}
#search .form-control{border:3px solid var(--pp-ink);border-radius:10px 0 0 10px;height:44px;box-shadow:none;background:#fff}
#search .btn{border:3px solid var(--pp-ink);border-left:0;border-radius:0 10px 10px 0;height:44px;background:var(--pp-yellow);color:var(--pp-ink);box-shadow:none}
#search .btn:hover{background:var(--pp-red);color:#fff}
#cart>.btn{background:var(--pp-red);border:3px solid var(--pp-ink);border-radius:10px;box-shadow:var(--pp-shadow);color:#fff;font-family:'Russo One',Arial,sans-serif;height:44px;text-shadow:1px 1px 0 var(--pp-ink)}
#cart>.btn:hover{background:var(--pp-yellow);color:var(--pp-ink);text-shadow:none}
#cart .dropdown-menu{border:3px solid var(--pp-ink);border-radius:10px;box-shadow:var(--pp-shadow)}

/* меню */
#menu{background:var(--pp-red) !important;background-image:none !important;border:3px solid var(--pp-ink);border-radius:12px;box-shadow:var(--pp-shadow);min-height:46px;margin-top:10px;margin-bottom:22px}
#menu .nav>li>a{color:#fff;font-family:'Russo One',Arial,sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:0;text-shadow:1px 1px 0 var(--pp-ink);padding:13px 7px}
#menu .nav>li>a:hover,#menu .nav>li.open>a,#menu .nav>li>a:focus{background:var(--pp-yellow);color:var(--pp-ink);text-shadow:none}
#menu #category{color:#fff;font-family:'Russo One',Arial,sans-serif;text-shadow:1px 1px 0 var(--pp-ink)}
#menu .btn-navbar{background:var(--pp-yellow);border:2px solid var(--pp-ink);color:var(--pp-ink);box-shadow:2px 2px 0 var(--pp-ink)}
#menu .dropdown-menu{border:3px solid var(--pp-ink);border-radius:10px;background:#fff}

/* хлебные крошки */
.breadcrumb{background:transparent;border:0;padding:0;margin:0 0 10px}
.breadcrumb>li+li:before{content:"▸";color:var(--pp-red);padding:0 6px}
.breadcrumb li a{color:var(--pp-ink);font-weight:600;background:#fff;border:2px solid var(--pp-ink);border-radius:14px;padding:1px 10px;font-size:12px;display:inline-block}
.breadcrumb li a:hover{background:var(--pp-yellow)}

/* карточки товаров */
.product-thumb{background:#fff;border:3px solid var(--pp-ink);border-radius:14px;box-shadow:5px 5px 0 var(--pp-ink);overflow:hidden;margin-bottom:26px;transition:transform .12s,box-shadow .12s}
.product-thumb:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--pp-ink)}
.product-thumb .image{background:#fff;border-bottom:3px solid var(--pp-ink);padding:8px;text-align:center}
.product-thumb .image img{margin:0 auto}
.product-thumb .caption{padding:12px 14px;min-height:0}
.product-thumb h4{font-family:'Russo One',Arial,sans-serif;font-size:15px;line-height:1.25;margin:0 0 6px}
.product-thumb h4 a{color:var(--pp-ink)} .product-thumb h4 a:hover{color:var(--pp-red-d)}
.product-thumb .caption p{font-size:12.5px;color:#444}
.product-thumb .price{display:inline-block;margin-top:4px;background:var(--pp-yellow);border:2px solid var(--pp-ink);border-radius:8px;padding:2px 10px;font-family:'Russo One',Arial,sans-serif;font-size:17px;color:var(--pp-ink)}
.product-thumb .price-new{color:var(--pp-red-d)}
.product-thumb .price-old{color:#777}
.product-thumb .button-group{border-top:3px solid var(--pp-ink);background:#fff;display:flex}
.product-thumb .button-group button{flex:1;background:#fff;color:var(--pp-ink);border:0;border-right:2px solid var(--pp-ink);height:44px;font-family:'Russo One',Arial,sans-serif;font-size:12px;text-transform:uppercase}
.product-thumb .button-group button:last-child{border-right:0}
.product-thumb .button-group button:first-child{flex:2.2;background:var(--pp-red);color:#fff;text-shadow:1px 1px 0 var(--pp-ink)}
.product-thumb .button-group button:hover{background:var(--pp-yellow);color:var(--pp-ink);text-shadow:none}
.product-thumb .button-group button[disabled]{background:#e9e9e9 !important;color:#777 !important;text-shadow:none;cursor:not-allowed}

/* кнопки и формы */
.btn{border-radius:10px;font-weight:700}
.btn-primary,.btn-primary:focus{background:var(--pp-red);border:3px solid var(--pp-ink);color:#fff;background-image:none;text-shadow:1px 1px 0 var(--pp-ink);box-shadow:var(--pp-shadow);font-family:'Russo One',Arial,sans-serif;text-transform:uppercase}
.btn-primary:hover,.btn-primary:active,.btn-primary.active{background:var(--pp-yellow) !important;color:var(--pp-ink) !important;border-color:var(--pp-ink) !important;text-shadow:none;transform:translate(2px,2px);box-shadow:2px 2px 0 var(--pp-ink)}
.btn-default,.btn-default:focus{background:#fff;border:3px solid var(--pp-ink);color:var(--pp-ink);background-image:none;text-shadow:none;box-shadow:var(--pp-shadow)}
.btn-default:hover{background:var(--pp-yellow);border-color:var(--pp-ink);color:var(--pp-ink);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--pp-ink)}
.btn-info,.btn-success,.btn-warning,.btn-danger{border:3px solid var(--pp-ink);box-shadow:var(--pp-shadow)}
.form-control{border:2px solid var(--pp-ink);border-radius:8px;box-shadow:none;background:#fff}
.form-control:focus{border-color:var(--pp-blue);box-shadow:3px 3px 0 var(--pp-blue)}
.input-group-btn .btn{box-shadow:none}
.alert{border:3px solid var(--pp-ink);border-radius:10px;box-shadow:var(--pp-shadow)}
.table-bordered,.table-bordered>thead>tr>th,.table-bordered>tbody>tr>td{border-color:var(--pp-ink)}
.table thead td{background:var(--pp-yellow);font-weight:700}

/* боковые панели, фильтр, списки */
.list-group,.panel{border:3px solid var(--pp-ink);border-radius:12px;box-shadow:5px 5px 0 var(--pp-ink);overflow:hidden;background:#fff}
.list-group-item{border:0;border-bottom:2px solid var(--pp-ink);background:#fff;color:var(--pp-ink);font-weight:600}
.list-group-item:last-child{border-bottom:0}
.list-group-item:hover{background:var(--pp-yellow);color:var(--pp-ink)}
.list-group-item.active,.list-group-item.active:hover{background:var(--pp-red);border-color:var(--pp-ink);color:#fff}
.panel-default>.panel-heading{background:var(--pp-yellow);border-bottom:3px solid var(--pp-ink);font-family:'Russo One',Arial,sans-serif;color:var(--pp-ink)}
#column-left .panel-footer{background:#fff;border-top:3px solid var(--pp-ink)}
.nav-tabs{border-bottom:3px solid var(--pp-ink)}
.nav-tabs>li>a{border:3px solid transparent;border-radius:10px 10px 0 0;color:var(--pp-ink);font-weight:700}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{background:var(--pp-yellow);border:3px solid var(--pp-ink);border-bottom-color:var(--pp-yellow);color:var(--pp-ink)}
.pagination>li>a,.pagination>li>span{border:2px solid var(--pp-ink);color:var(--pp-ink);margin-right:4px;border-radius:8px !important;font-weight:700}
.pagination>.active>a,.pagination>.active>span{background:var(--pp-red);border-color:var(--pp-ink);color:#fff}
.pagination>li>a:hover{background:var(--pp-yellow)}

/* карточка товара */
#product-product .thumbnails .thumbnail,.thumbnails>li>a.thumbnail{border:3px solid var(--pp-ink);border-radius:14px;box-shadow:5px 5px 0 var(--pp-ink);background:#fff}
#product-product h1{font-size:24px}
#product-product ul.list-unstyled h2{font-family:'Russo One',Arial,sans-serif;font-size:30px;color:var(--pp-red-d);display:inline-block;background:var(--pp-yellow);border:3px solid var(--pp-ink);border-radius:10px;padding:2px 14px;box-shadow:var(--pp-shadow)}
#button-cart{font-size:18px;padding:12px;margin-top:6px}

/* подвал */
footer{background:var(--pp-ink);border-top:6px solid var(--pp-yellow);margin-top:40px;padding-top:26px;color:#ddd}
footer h5{font-family:'Russo One',Arial,sans-serif;color:var(--pp-yellow);text-transform:uppercase;font-size:14px}
footer a{color:#fff} footer a:hover{color:var(--pp-yellow)}
footer hr{border-color:#444}

/* главная: герой */
.pp-hero{position:relative;margin:6px 0 26px;padding:22px 26px;background:var(--pp-yellow) radial-gradient(circle,rgba(255,59,59,.55) 2px,transparent 2.2px) 0 0/14px 14px;border:4px solid var(--pp-ink);border-radius:16px;box-shadow:8px 8px 0 var(--pp-ink)}
.pp-hero h1{display:block;background:#fff;transform:rotate(-.8deg);font-size:34px;margin:0 0 14px;max-width:640px}
.pp-hero-lead{font-size:17px;font-weight:600;max-width:640px;background:#fff;border:3px solid var(--pp-ink);border-radius:12px;padding:10px 14px;position:relative}
.pp-hero-lead:before{content:"";position:absolute;left:30px;top:-14px;border:7px solid transparent;border-bottom:7px solid var(--pp-ink)}
.pp-hero-btns{margin:14px 0 10px}.pp-hero-btns .btn{margin:0 8px 8px 0}
.pp-perks{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.pp-perks li{background:var(--pp-blue);color:#fff;border:3px solid var(--pp-ink);border-radius:20px;padding:3px 14px;font-weight:700;font-size:13px;box-shadow:3px 3px 0 var(--pp-ink)}

.pp-hero-art{position:absolute;right:34px;bottom:14px;width:330px;height:calc(100% - 28px);pointer-events:none}
.pp-hero-art img{position:absolute;bottom:0;max-height:92%;filter:drop-shadow(5px 5px 0 rgba(26,26,26,.9))}
.pp-hero-art img:nth-child(1){right:200px;transform:rotate(-8deg);max-height:70%}
.pp-hero-art img:nth-child(2){right:100px;transform:rotate(4deg);max-height:82%;z-index:2}
.pp-hero-art img:nth-child(3){right:0;transform:rotate(10deg);max-height:70%}
.pp-hero-art .pp-burst{position:absolute;right:0;top:-6px;width:110px;height:110px;background:var(--pp-red);color:#fff;border:4px solid var(--pp-ink);font-family:'Russo One',Arial,sans-serif;text-align:center;line-height:1.05;display:flex;align-items:center;justify-content:center;font-size:17px;clip-path:polygon(50% 0,61% 12%,76% 6%,80% 22%,95% 25%,90% 40%,100% 52%,88% 62%,92% 78%,76% 80%,70% 95%,56% 88%,42% 100%,34% 86%,18% 90%,18% 74%,3% 68%,12% 54%,0 42%,14% 32%,12% 16%,28% 18%,34% 4%);z-index:3;text-shadow:1px 1px 0 var(--pp-ink)}
@media (max-width:991px){.pp-hero-art{display:none}}
/* блоки описаний (вставки) */
.pp-desc,.pp-cat,.pp-info{font-size:15px;line-height:1.6;color:var(--pp-ink)}
.pp-lead{font-size:16px;background:#fffbe6;border:3px solid var(--pp-ink);border-radius:12px;box-shadow:var(--pp-shadow);padding:12px 16px;margin:0 0 14px}
.pp-chips{list-style:none;padding:0;margin:12px 0;display:flex;flex-wrap:wrap;gap:8px}
.pp-chips li{background:#fff;border:2px solid var(--pp-ink);border-radius:18px;padding:2px 12px;font-size:13px;box-shadow:2px 2px 0 var(--pp-ink)}
.pp-chips b{color:var(--pp-red-d);margin-right:4px}
.pp-note{border-left:6px solid var(--pp-red);background:#fff1f0;padding:9px 14px;margin:12px 0;border-radius:0 8px 8px 0}
.pp-warn{border:3px solid var(--pp-ink);background:#ffe3df;border-radius:10px;padding:9px 14px;font-size:13px;margin:12px 0}
.pp-tips{list-style:none;padding-left:0}
.pp-tips li{position:relative;padding:4px 0 4px 28px}
.pp-tips li:before{content:"\2605";position:absolute;left:0;color:var(--pp-red);text-shadow:1px 1px 0 var(--pp-ink)}
.pp-steps{counter-reset:s;list-style:none;padding:0}
.pp-steps li{counter-increment:s;position:relative;padding:6px 0 6px 42px}
.pp-steps li:before{content:counter(s);position:absolute;left:0;top:3px;width:30px;height:30px;border-radius:50%;background:var(--pp-red);color:#fff;font-family:'Russo One',Arial,sans-serif;text-align:center;line-height:25px;border:3px solid var(--pp-ink)}
.pp-cat h2,.pp-info h2{font-size:20px;margin:20px 0 10px;border-bottom:4px solid var(--pp-red);display:inline-block;padding-bottom:2px}
details.pp-faq{border:3px solid var(--pp-ink);border-radius:10px;margin:10px 0;padding:8px 14px;background:#fff;box-shadow:3px 3px 0 var(--pp-ink)}
details.pp-faq summary{cursor:pointer;font-weight:700}

/* мобильная версия */
@media (max-width:767px){
 html{scroll-padding-top:116px;scroll-padding-bottom:80px}
 .pp-order input,.pp-order textarea,.pp-order select,.pp-order button{scroll-margin-top:116px;scroll-margin-bottom:80px}
  body{background-size:12px 12px;font-size:14.5px}
  h1{font-size:21px;padding:4px 12px} .pp-hero{padding:14px;box-shadow:5px 5px 0 var(--pp-ink)} .pp-hero h1{font-size:23px} .pp-hero-lead{font-size:15px}
  .product-thumb{box-shadow:3px 3px 0 var(--pp-ink)} .product-thumb:hover{transform:none;box-shadow:3px 3px 0 var(--pp-ink)}
  #menu{margin-bottom:14px} #logo img{max-height:56px}
  #product-product ul.list-unstyled h2{font-size:24px}
  .product-layout .product-thumb .caption p{display:none}
}
@media (prefers-reduced-motion:reduce){.product-thumb,.btn{transition:none !important}}

/* ---- UX: объёмы, допродажа, фильтр ---- */
.pp-vol{margin:0 0 18px}
.pp-vol-title{font-family:'Russo One',sans-serif;font-size:14px;margin-bottom:8px;text-transform:uppercase}
.pp-vol-list{display:flex;flex-wrap:wrap;gap:8px}
.pp-vol-item{display:flex;flex-direction:column;align-items:center;min-width:92px;padding:8px 12px;border:2px solid var(--pp-ink,#111);border-radius:8px;background:#fff;color:var(--pp-ink,#111);text-decoration:none;box-shadow:3px 3px 0 var(--pp-ink,#111);line-height:1.25}
.pp-vol-item b{font-size:15px}
.pp-vol-item span{font-size:12px;opacity:.8}
.pp-vol-item:hover{background:var(--pp-yellow,#ffd400);text-decoration:none;color:var(--pp-ink,#111)}
.pp-vol-item.is-current{background:var(--pp-yellow,#ffd400)}
.pp-vol-item.is-na{opacity:.55}
.pp-up-item{text-align:center}
.pp-h{font-family:'Russo One',sans-serif;margin:24px 0 12px}
.pp-chips-box{padding:8px 10px}
.pp-chip{border:2px solid var(--pp-ink,#111);background:var(--pp-yellow,#ffd400);border-radius:14px;padding:2px 10px;margin:0 6px 6px 0;font-size:13px;cursor:pointer}
.pp-chip span{font-weight:700;margin-left:4px}
.pp-price input[type=range]{width:100%;margin:4px 0}
.pp-price-vals{display:flex;justify-content:space-between;margin-bottom:4px}

/* ---- расширенные описания ---- */
.pp-desc h3{font-family:'Russo One',sans-serif;font-size:17px;margin:18px 0 6px;text-transform:uppercase}
.pp-faq{margin:14px 0}
.pp-faq details{border:2px solid var(--pp-ink,#111);border-radius:8px;margin:0 0 8px;background:#fff;box-shadow:3px 3px 0 var(--pp-ink,#111)}
.pp-faq summary{padding:10px 14px;cursor:pointer;font-weight:700}
.pp-faq details p{margin:0;padding:0 14px 12px}

/* ---- инфо-страницы: hero и блоки ---- */
.pp-pagehero{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 22px;padding:18px;border:3px solid var(--pp-ink,#111);border-radius:12px;background:var(--pp-yellow,#ffd400);box-shadow:6px 6px 0 var(--pp-ink,#111);background-image:radial-gradient(rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:12px 12px}
.pp-pagehero-txt{flex:1 1 300px;font-size:17px;font-weight:600}
.pp-badge{display:inline-block;background:var(--pp-red,#e4002b);color:#fff;font-family:'Russo One',sans-serif;padding:2px 10px;border:2px solid var(--pp-ink,#111);transform:rotate(-3deg);margin-bottom:8px}
.pp-pagehero-pics{display:flex;gap:8px}
.pp-pagehero-pics img{width:110px;height:110px;object-fit:contain;filter:drop-shadow(3px 3px 0 var(--pp-ink,#111))}
.pp-block{margin:0 0 18px;padding:16px 18px;border:2px solid var(--pp-ink,#111);border-radius:10px;background:#fff;box-shadow:4px 4px 0 var(--pp-ink,#111)}
.pp-block.pp-b1{border-left:10px solid var(--pp-red,#e4002b)}
.pp-block.pp-b2{border-left:10px solid var(--pp-blue,#0057b8)}
.pp-block h2{margin-top:0;font-family:'Russo One',sans-serif;font-size:20px}
.pp-more{margin-top:22px;padding:14px 18px;background:#f4f4f4;border:2px dashed var(--pp-ink,#111);border-radius:10px}
.pp-more h2{font-size:18px;margin:0 0 6px}
@media (max-width:600px){.pp-pagehero-pics img{width:80px;height:80px}}

/* ---- cookie-плашка и согласие ---- */
.pp-cookie{position:fixed;left:0;right:0;bottom:0;z-index:2000;background:#fff;border-top:3px solid var(--pp-ink,#111);box-shadow:0 -4px 0 var(--pp-yellow,#ffd400);padding:12px 16px}
.pp-cookie[hidden]{display:none}
.pp-cookie-main{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;max-width:1140px;margin:0 auto}
.pp-cookie-main p{margin:0;flex:1 1 360px;font-size:14px}
.pp-cookie-btns{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pp-cbtn{min-width:170px;padding:9px 16px;border:2px solid var(--pp-ink,#111);border-radius:8px;background:var(--pp-yellow,#ffd400);color:var(--pp-ink,#111);font-weight:700;box-shadow:3px 3px 0 var(--pp-ink,#111);cursor:pointer}
.pp-cbtn:hover{background:#fff}
.pp-clink{background:none;border:0;text-decoration:underline;cursor:pointer;color:var(--pp-ink,#111)}
.pp-cookie-set{max-width:1140px;margin:10px auto 0;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.pp-cookie-set[hidden]{display:none}
.pp-cookie-set label{margin:0;font-weight:600}
body.pp-cookie-on{padding-bottom:140px}
.pp-consent{font-weight:400}
.pp-fill{background:#fff3b0;border-bottom:1px dashed #b58900;padding:0 3px}
@media (max-width:600px){.pp-cbtn{flex:1 1 45%;min-width:0}body.pp-cookie-on{padding-bottom:230px}}

/* ---- единая корзина + оформление ---- */
.pp-order{margin:26px 0;padding:18px;border:3px solid var(--pp-ink,#111);border-radius:12px;background:#fff;box-shadow:6px 6px 0 var(--pp-ink,#111)}
.pp-order h3{font-family:'Russo One',sans-serif;font-size:16px;margin:0 0 10px;text-transform:uppercase}
.pp-o-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:22px}
.pp-opts{display:grid;gap:8px;margin-bottom:10px}
.pp-opt{display:flex;gap:10px;align-items:flex-start;margin:0;padding:9px 12px;border:2px solid var(--pp-ink,#111);border-radius:8px;cursor:pointer;font-weight:400;background:#fff}
.pp-opt[hidden]{display:none}
.pp-opt input{margin-top:3px}
.pp-opt:has(input:checked){background:var(--pp-yellow,#ffd400);box-shadow:3px 3px 0 var(--pp-ink,#111)}
.pp-opt-body{display:flex;flex-direction:column;line-height:1.3}
.pp-opt-body i{font-style:normal;font-size:13px;opacity:.8}
.pp-hint{margin:0 0 12px;padding:8px 12px;border-left:6px solid var(--pp-blue,#0057b8);background:#eef5ff;font-size:13px}
.pp-hint[hidden]{display:none}
.pp-err{color:#c00;font-size:13px;min-height:0}
.pp-err-main{font-weight:700}
.pp-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.pp-sum{display:flex;gap:18px;flex-wrap:wrap;align-items:baseline;margin:10px 0;padding:10px 12px;background:#f4f4f4;border-radius:8px}
.pp-sum-total{margin-left:auto;font-size:18px}
.pp-o-submit{width:auto;min-width:240px}
.pp-o-note{margin:8px 0 0;font-size:13px;opacity:.75}
.pp-ship-picker{display:none}
.pp-opt:focus-within{outline:3px solid var(--pp-blue,#0057b8);outline-offset:2px}
.pp-opt:hover{border-color:var(--pp-blue,#0057b8)}
.pp-opt:active{transform:translateY(1px)}
.pp-o-submit:focus-visible,.pp-ship-picker select:focus-visible{outline:3px solid var(--pp-blue,#0057b8);outline-offset:3px}
@media (max-width:767px){.pp-o-grid{grid-template-columns:1fr}.pp-order{padding:12px;box-shadow:3px 3px 0 var(--pp-ink,#111)}.pp-o-submit{width:100%;min-width:0}.pp-sum-total{margin-left:0;flex-basis:100%}}
@media (max-width:767px){
 .pp-o-enhanced .pp-ship-picker{display:block;margin-bottom:12px}
 .pp-o-enhanced #pp-ship{display:none}
 .pp-ship-picker select{height:44px;max-width:100%;font-size:16px;padding:6px 28px 6px 8px;text-overflow:ellipsis}
 .pp-o-col:first-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 10px}
 .pp-o-col:first-child>h3,.pp-o-col:first-child>.form-group:last-child{grid-column:1/-1}
 .pp-o-col .form-control{font-size:16px;min-height:44px}
 .pp-o-col .form-group{min-width:0}
 .pp-order .pp-o-submit{width:auto;min-width:0;max-width:100%;min-height:44px;padding:9px 22px}
 .pp-order{margin:18px 0}
}

/* мобильная корзина: допродажа компактной лентой */
@media (max-width:767px){
 .pp-up{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:0 -4px 12px;padding:0 4px 6px;-webkit-overflow-scrolling:touch}
 .pp-up>div{flex:0 0 132px;width:132px;padding:0}
 .pp-up .product-thumb{margin-bottom:0}
 .pp-up .image img{max-height:84px;width:auto;margin:0 auto}
 .pp-up .caption{min-height:0;padding:6px}
 .pp-up .caption h4{font-size:12px;margin:0 0 4px;line-height:1.2}
 .pp-up .button-group button{padding:6px 4px;font-size:12px}
}

/* Product photograph geometry: the whole label stays visible at every width. */
.product-thumb .image img,.thumbnails .thumbnail img{object-fit:contain;aspect-ratio:1/1}