:root{
    --pc-bg:#060606;
    --pc-text:#e9eef5;
    --pc-muted:#9aa4af;

    /* темно-золотой */
    --pc-gold:#c5985d;
    --pc-gold2:#a67b3e;

    --pc-line:rgba(255,255,255,.08);
    --pc-panel:rgba(0,0,0,.78);

    --pc-blue:#c5985d;
    --pc-blue2:#b3874e;
}

body{
    background: var(--pc-bg);
    color: var(--pc-text);
    min-height: 100vh;

    /* легкие звезды */
    background-image:
    radial-gradient(circle at 15% 20%, rgba(255,255,255,.16) 1px, transparent 1.6px),
    radial-gradient(circle at 70% 30%, rgba(255,255,255,.12) 1px, transparent 1.6px),
    radial-gradient(circle at 35% 80%, rgba(255,255,255,.10) 1px, transparent 1.6px),
    radial-gradient(circle at 85% 75%, rgba(255,255,255,.12) 1px, transparent 1.6px);
    background-size: 520px 320px, 560px 360px, 600px 380px, 640px 420px;
    background-repeat: repeat;
}

a{ color: inherit; text-decoration: none; }
.icon-rt {font-size: 2rem;}

/* ===== Top links ===== */
.pc-toplinks{ padding: .5rem 0; }
.pc-link{
    color: var(--pc-muted);
    font-size: 17px;
    opacity: .9;
    transition:.15s;
}
.pc-link:hover{ color: var(--pc-gold); opacity: 1; }
.pc-link.active{ color: var(--pc-blue); opacity: 1; }

/* ===== Info row ===== */
.pc-logo{ height:100px; object-fit:contain; }
.pc-muted{ color: var(--pc-muted); font-size: 13px; }
.pc-accent{ color: var(--pc-blue); font-weight: 800; }
.pc-phone{ font-weight: 900; }
.pc-phone:hover{ color: var(--pc-gold); }

.pc-mini{ opacity:.95; transition:.15s; }
.pc-mini:hover{ color: var(--pc-gold); opacity:1; }
.pc-dot{
    border-radius: 30px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(197, 152, 93, .35);
    color: var(--pc-gold);
    font-size: 12px;
    padding: 0 6px;
    top: 0px;
    right: 0px;
}

/* ===== Sticky menu bar ===== */
.pc-menubar{
    position: sticky;
    top: 0;
    z-index: 1030;
    background: var(--pc-panel);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--pc-line);
}

.pc-menuline{
    position: relative;
    display:flex;
    align-items:center;
    gap: 10px;
    padding: 10px 0;
}

.pc-iconbtn{
    width: 38px; height: 38px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(0,0,0,.35);
    color: var(--pc-text);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.15s;
    flex: 0 0 auto;
}
.pc-iconbtn:hover{
    border-color: rgba(197,152,93,.45);
    color: var(--pc-gold);
}

.pc-burger{
    width: 42px; height: 38px;
    border-radius: 12px;
    font-size: 18px;
    line-height: 1;
}

.pc-cats{
    display:flex;
    align-items:center;
    gap: 18px;
    overflow-x: auto;
    white-space: nowrap;
    padding: 2px 6px;
    scrollbar-width: thin;
    scrollbar-color: rgba(197,152,93,.35) transparent;
    max-width: 100%;
}
.pc-cats::-webkit-scrollbar{ height: 6px; }
.pc-cats::-webkit-scrollbar-thumb{ background: rgba(197,152,93,.28); border-radius:999px; }

.pc-cat{
    color: var(--pc-text);
    opacity:.92;
    font-weight: 800;
    font-size: 17px;
    transition:.15s;
    border-bottom: 2px solid transparent;
    padding-bottom: 2px;
}
.pc-cat:hover{ color: var(--pc-gold); opacity:1; }
/* active category */
.pc-cats .pc-cat.active{
  color:#c5985d;
  border-bottom-color:#c5985d;
}

/* корзина (десктоп) */
.pc-cart{
    border: 0;
    border-radius: 999px;
    padding: 9px 14px;
    background: #c5985d;
    color: #fff;
    font-weight: 900;
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
    transition: .15s;
    flex: 0 0 auto;
}
.pc-cart:hover{ background: #a77f49 }
.pc-cart-count{
    position:absolute;
    top:-10px; 
    right:0px;
    min-width: 18px; 
    border-radius:999px;
    border:2px solid #fff;
    color:#fff;
    font-size: 12px;
    display:none;
    align-items:center;
    justify-content:center;
    padding: 0 5px;
}

/* sort dropdown */
.pc-sort{
    background: rgba(25,28,32,.96);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 14px;
    color: var(--pc-text);
    min-width: 240px;
    box-shadow: 0 18px 60px rgba(0,0,0,.55);
}
.pc-radio{
    display:flex;
    align-items:center;
    gap: 10px;
    padding: 9px 8px;
    border-radius: 10px;
    cursor:pointer;
    user-select:none;
}
.pc-radio:hover{ background: rgba(197,152,93,.10); }
.pc-radio input{ accent-color: var(--pc-gold); }

/* search overlay over menu */
.pc-search{
    position: absolute;
    left: 0;
    right: 0;
    top: 6px;
    height: 40px;
    display:none;
    align-items:center;
    gap: 10px;
    padding: 0 12px 0 48px;
    border-radius: 999px;
    background: rgba(0,0,0,.55);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 18px 60px rgba(0,0,0,.55);
}
.pc-search.open{ display:flex; }
.pc-search-input{
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--pc-text);
    font-weight: 700;
}
.pc-search-close{
    border:0;
    background: transparent;
    color: var(--pc-text);
    opacity:.9;
    font-size: 18px;
    width: 34px;
    height: 34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius: 999px;
}
.pc-search-close:hover{ color: var(--pc-gold); background: rgba(255,255,255,.06); }

/* ===== Slider placeholder (без библиотеки) ===== */
.pc-hero{
    padding: 18px 0 6px;
}
.pc-banner-bleed{
    /* width: 120%;
    margin-left: -10%; */
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 18px 60px rgba(0,0,0,.55);
    background: rgba(0,0,0,.35);
}
.pc-banner-bleed img{
    width: 100%;
    height: 280px;
    object-fit: cover;
    display:block;
}
@media (min-width: 992px){
    .pc-banner-bleed img{ height: 340px; }
}

/* ===== Mobile behavior ===== */
.pc-desktop-only{ display: none; }
.pc-mobile-only{ display: none; }

/* desktop */
@media (min-width: 992px){
    .pc-desktop-only{ display: flex !important; }
    .pc-mobile-only{ display: none !important; }
}
/* mobile */
@media (max-width: 991.98px){
    .pc-desktop-only{ display: none !important; }
    .pc-mobile-only{ display: flex !important; }

    /* в мобильной шапке нет длинной инфы — как у тебя */
    .pc-toplinks{ display:none; }
    .pc-info{ display:none; }

    /* скрываем большую корзину в менюбаре (будет плавающая) */
    .pc-cart{ display:none; }

    /* чуть компактнее */
    .pc-cat{ font-size: 14px; }
}

/* плавающая корзина снизу справа (mobile) */
.pc-fabcart{
    position: fixed;
    right: 14px;
    bottom: 14px;
    z-index: 1040;
    width: 56px;
    height: 56px;
    border-radius: 999px;
    border: 0;
    background: rgb(67 67 67 / 56%);
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 18px 60px rgba(0,0,0,.65);
    color: #fff;
    display:none;
    align-items:center;
    justify-content:center;
    gap: 0;
}
.pc-fabcart .pc-fab-badge{
    position:absolute;
    top: -5px;
    right: 0px;
    min-width: 22px;
    height: 22px;
    border-radius:999px;
    background: var(--pc-blue);
    color:#fff;
    font-weight: 900;
    font-size: 12px;
    display:none;
    align-items:center;
    justify-content:center;
    border:2px solid rgba(0,0,0,.75);
    padding: 0 6px;
}
@media (max-width: 991.98px){
    .pc-fabcart{ display:flex; }
}

/* Offcanvas styling */
.offcanvas.pc-off{
    background: rgba(0,0,0,.92);
    color: var(--pc-text);
    border-right: 1px solid rgba(255,255,255,.08);
    backdrop-filter: blur(10px);
}
.pc-off .offcanvas-header{
    border-bottom: 1px solid rgba(255,255,255,.10);
}
.pc-off .pc-sep{
    border-top: 1px solid rgba(255,255,255,.10);
    margin: 14px 0;
}
.pc-off a{ text-decoration:none; }
.pc-off .pc-off-item{
    display:flex;
    align-items:center;
    gap: 12px;
    padding: 10px 0;
    font-weight: 800;
    opacity:.95;
}
.pc-off .pc-off-item:hover{ color: var(--pc-gold); }

.pc-bonuscard{
    background: rgb(197 152 93);
    border-radius: 14px;
    padding: 12px;
    position: relative;
    overflow:hidden;
}
.pc-bonuscard small{ font-weight: 600; opacity:.9; }
.pc-bonuspill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width: 34px;
    height: 22px;
    border-radius: 8px;
    background: rgba(0,0,0,.12);
    padding: 0 8px;
}
/* ===== Slider (в стиле твоего pc-banner-bleed) ===== */
.pc-banner-bleed{ position:relative; }

.pc-banner-bleed .swiper{
width: 100%;
height: 280px;
}
@media (min-width: 992px){
.pc-banner-bleed .swiper{ height: 340px; }
}

.pc-banner-bleed .swiper-slide{
border-radius: 22px;
overflow: hidden;
}
.pc-banner-bleed .swiper-slide img{
width:100%;
height:100%;
object-fit: cover;
display:block;
}

/* точки (как на скрине — маленькие) */
.pc-banner-bleed .swiper-pagination{
bottom: 10px !important;
}
.pc-banner-bleed .swiper-pagination-bullet{
width: 7px;
height: 7px;
opacity: .35;
background: #fff;
}
.pc-banner-bleed .swiper-pagination-bullet-active{
opacity: 1;
background: var(--pc-gold);
}

/* стрелки (десктоп) */
.pc-banner-bleed .swiper-button-prev,
.pc-banner-bleed .swiper-button-next{
width: 44px;
height: 44px;
border-radius: 999px;
background: rgba(0,0,0,.45);
border: 1px solid rgba(255,255,255,.12);
backdrop-filter: blur(8px);
color: #fff;
}
.pc-banner-bleed .swiper-button-prev:after,
.pc-banner-bleed .swiper-button-next:after{
font-size: 18px;
font-weight: 900;
}
@media (max-width: 991.98px){
.pc-banner-bleed .swiper-button-prev,
.pc-banner-bleed .swiper-button-next{ display:none; }
}

/* grid как на скрине */
.pc-grid{
display:grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
@media (max-width: 1199.98px){ .pc-grid{ grid-template-columns: repeat(3, 1fr);} }
@media (max-width: 991.98px){  .pc-grid{ grid-template-columns: repeat(2, 1fr);} }
@media (max-width: 575.98px){  .pc-grid{ grid-template-columns: 1fr;} }

.pc-card{
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.10);
border-radius: 18px;
overflow:hidden;
box-shadow: 0 18px 60px rgba(0,0,0,.45);
cursor:pointer;
position: relative;
}
.pc-card:hover{ border-color: rgba(197,152,93,.35); }

.pc-card-media{
position: relative;
aspect-ratio: 4 / 3;
background: rgba(0,0,0,.35);
}
.pc-card-media img{
width: 100%;
height: 100%;
object-fit: cover;
display:block;
}

.pc-badge-sale{
position:absolute;
top: 12px;
left: 12px;
padding: 4px 10px;
border-radius: 999px;
background: #e53935;
color:#fff;
font-weight: 900;
font-size: 12px;
}

.pc-card-body{
padding: 14px;
}
.pc-title{
font-weight: 900;
font-size: 18px;
margin: 0 0 8px;
}
.pc-desc{
color: rgba(233,238,245,.65);
font-size: 13px;
line-height: 1.25;
height: 48px;
overflow:hidden;
}
.pc-more{
margin-top: 10px;
font-size: 13px;
color: #c5985d;
text-decoration: underline;
cursor:pointer;
display:inline-block;
}

.pc-card-footer{
padding: 14px;
display:flex;
align-items:center;
justify-content: space-between;
gap: 12px;
}

.pc-prices{
display:flex;
align-items: baseline;
gap: 8px;
white-space: nowrap;
}
.pc-old{
color: rgba(233,238,245,.55);
text-decoration: line-through;
font-weight: 800;
font-size: 13px;
}
.pc-new{
color: var(--pc-blue);
font-weight: 900;
font-size: 22px;
}

.pc-btn-want{
border:0;
border-radius: 999px;
padding: 9px 18px;
background: #c5985d;
color:#fff;
font-weight: 900;
transition:.15s;
white-space: nowrap;
}
.pc-btn-want:hover{ background: #c5985d; }

/* степпер (- 1 +) когда в корзине */
.pc-stepper{
display:none;
align-items:center;
gap: 10px;
background: rgba(0,0,0,.35);
border: 1px solid rgba(255,255,255,.12);
border-radius: 999px;
padding: 6px 10px;
}
.pc-stepper .btn{
width: 30px; height: 30px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,.12);
background: rgba(0,0,0,.35);
color: #fff;
padding: 0;
display:flex;
align-items:center;
justify-content:center;
font-weight: 900;
}
.pc-stepper .btn:hover{ border-color: rgba(197,152,93,.35); color: var(--pc-gold); }
.pc-stepper .pc-qty{
min-width: 20px;
text-align:center;
font-weight: 900;
color:#fff;
}

.pc-card.in-cart .pc-btn-want{ display:none; }
.pc-card.in-cart .pc-stepper{ display:flex; }

/* ===== Modal (как на скрине: слева фото, справа текст, внизу цены+хочу) ===== */
.pc-modal .modal-content{
background: rgba(35,38,42,.96);
border: 1px solid rgba(255,255,255,.10);
border-radius: 18px;
overflow:hidden;
}
.pc-modal .modal-header{
border:0;
padding: 18px 18px 10px;
}
.pc-modal .modal-title{
font-weight: 900;
font-size: 20px;
}
.pc-modal .btn-close{ filter: invert(1); opacity: .9; }

.pc-modal-body{
padding: 0;
}
.pc-modal-grid{
display:grid;
grid-template-columns: 44% 56%;
min-height: 420px;
}
@media (max-width: 991.98px){
.pc-modal-grid{ grid-template-columns: 1fr; min-height: auto; }
}
.pc-modal-left{
background: rgba(0,0,0,.35);
display:flex;
align-items:center;
justify-content:center;
padding: 22px;
}
.pc-modal-left img{
width: 100%;
max-width: 520px;
aspect-ratio: 4/3;
object-fit: cover;
border-radius: 14px;
display:block;
}
.pc-modal-right{
padding: 10px 18px 0;
}
.pc-modal-text{
color: rgba(233,238,245,.60);
font-size: 14px;
line-height: 1.35;
margin-top: 8px;
min-height: 120px;
}
.pc-modal-footer{
border:0;
padding: 14px 18px 18px;
}
.pc-modal-footbar{
display:flex;
align-items:center;
justify-content: space-between;
gap: 12px;
}
@media (max-width: 575.98px){
.pc-modal-footbar{ flex-direction: column; align-items: stretch; }
.pc-modal-footbar .pc-btn-want{ width: 100%; }
}

.pc-card .pc-stepper{ display:none; }
.pc-card.in-cart .pc-stepper{ display:flex; }
.pc-card.in-cart .pc-btn-want{ display:none; }


/* OFFCANVAS: корзина */
#cartCanvas .offcanvas-body{
  display:flex;
  flex-direction:column;
  min-height:93%;
}

/* список товаров пусть занимает верх */
#pcCartItems{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
}

/* нижний блок (итого + кнопка) прижимаем вниз */
#cartCanvas .pc-cart-footer{
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.18);
}

/* кнопка оформления */
#pcCheckoutBtn{
  background:var(--pc-gold);
  border-color:var(--pc-gold);
  color:#fff;
  font-weight:700;
  border-radius:14px;
  padding:12px 14px;
}
#pcCheckoutBtn:hover,
#pcCheckoutBtn:focus{
  background:var(--pc-gold);
  border-color:var(--pc-gold);
  color:#fff;
  filter:brightness(.95);
}

/* ссылки в корзине */
#cartCanvas a,
#cartCanvas .btn-link{
  color:var(--pc-gold) !important;
}
#cartCanvas a:hover,
#cartCanvas .btn-link:hover{
  color:var(--pc-gold) !important;
  text-decoration:underline;
}
.pc-cart-empty{
  min-height: 45vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:10px;
}
.pc-cart-empty-img{ opacity:.95; }
#pcCheckoutBtn.disabled{ opacity:.55; pointer-events:none; }