/* =====================================================================
   Gorilla Sport — shtresa e dyqanit mbi site.css
   ===================================================================== */

.shop-head{background:var(--ink);color:#fff;padding:38px 0 34px}
.shop-head h1{margin:0;font-size:clamp(28px,5vw,48px)}
.shop-head p{color:#b5b5b5;margin:10px 0 0}

.shop-layout{display:grid;gap:26px;grid-template-columns:1fr;padding:34px 0 70px}

.filters-box{background:#fff;border:1px solid #e3e3df;padding:18px}
.filters-box h3{font-size:12px;letter-spacing:.16em;margin:0 0 12px;color:#555}
.filters-box + .filters-box{margin-top:14px}
.filters-box ul{list-style:none;margin:0;padding:0}
.filters-box li a{display:block;padding:7px 0;color:#333;font-size:14.5px;border-bottom:1px solid #f0f0ec}
.filters-box li a.on{color:var(--brand);font-weight:800}
.price-row{display:flex;gap:8px}
.price-row input{width:100%;padding:9px;border:1px solid #ccc;font:inherit}

.shop-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}
.shop-toolbar .count{color:var(--muted);font-size:14px}
.shop-toolbar .spacer{flex:1}
.shop-toolbar select,.shop-toolbar input[type="search"]{padding:10px 12px;border:1px solid #ccc;font:inherit;background:#fff}

.products{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}
.product{background:#fff;border:1px solid #e3e3df;display:flex;flex-direction:column;position:relative}
.product__media{position:relative;display:block;background:#f0f0ec;aspect-ratio:1/1;overflow:hidden}
.product__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.product:hover .product__media img{transform:scale(1.04)}
.product__flag{position:absolute;top:0;left:0;background:var(--brand);color:#fff;font-size:10.5px;
  font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;z-index:2}
.product__flag--out{background:#555}
.product__body{padding:14px 15px 16px;display:flex;flex-direction:column;flex:1}
.product__brand{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.product__name{font-size:15px;font-weight:700;margin:5px 0 9px;line-height:1.35;color:var(--text)}
.product__name:hover{color:var(--brand);text-decoration:none}
.product__price{margin-top:auto;font-size:20px;font-weight:900;font-style:italic}
.product__price s{font-size:14px;font-weight:400;font-style:normal;color:var(--muted);margin-left:7px}
.product .btn{margin-top:12px;justify-content:center;width:100%;padding:11px}

/* ----------------------------------------------------------- produkti */
.pd{display:grid;gap:30px;grid-template-columns:1fr;padding:30px 0 60px}
.pd__main{background:#f0f0ec;aspect-ratio:1/1;overflow:hidden}
.pd__main img{width:100%;height:100%;object-fit:cover}
.pd__thumbs{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}
.pd__thumbs img{width:74px;height:74px;object-fit:cover;cursor:pointer;border:2px solid transparent;background:#f0f0ec}
.pd__thumbs img.on{border-color:var(--brand)}
.pd h1{font-size:clamp(25px,4vw,38px);margin-bottom:8px}
.pd__price{font-size:34px;font-weight:900;font-style:italic;margin:14px 0}
.pd__price s{font-size:19px;font-weight:400;font-style:normal;color:var(--muted);margin-left:10px}
.pd__row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:18px 0}
.pd__row select,.pd__row input{padding:12px;border:1px solid #ccc;font:inherit;background:#fff}
.pd__meta{border-top:1px solid #e3e3df;margin-top:24px;padding-top:16px;font-size:14px;color:var(--muted)}
.pd__meta b{color:var(--text)}
.stock-line{font-size:14px;font-weight:700}
.stock-line.ok{color:#1d7343}
.stock-line.low{color:#8a6212}
.stock-line.out{color:#a81a20}

/* ------------------------------------------------------------ shporta */
.cart-table{width:100%;border-collapse:collapse}
.cart-table th{text-align:left;font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:#555;border-bottom:2px solid #111;padding:10px 8px}
.cart-table td{border-bottom:1px solid #eceCe8;padding:13px 8px;vertical-align:middle}
.cart-table img{width:62px;height:62px;object-fit:cover;background:#f0f0ec}
.cart-table input[type="number"]{width:72px;padding:8px;border:1px solid #ccc;font:inherit}
.cart-sum{background:#fff;border:1px solid #e3e3df;padding:20px}
.cart-sum div{display:flex;justify-content:space-between;padding:7px 0;font-size:15px}
.cart-sum .total{border-top:2px solid #111;margin-top:8px;padding-top:12px;font-size:21px;font-weight:900}
.cod-box{background:var(--ink);color:#fff;padding:15px 18px;margin:16px 0;font-weight:700}

.checkout-grid{display:grid;gap:26px;grid-template-columns:1fr;padding:30px 0 60px}
.steps{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px;font-size:12px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.steps b{color:var(--brand)}

.thanks{max-width:640px;margin:0 auto;text-align:center;padding:70px 20px}
.thanks .no{font-size:30px;font-weight:900;font-style:italic;color:var(--brand);margin:12px 0}

@media (min-width:900px){
  .shop-layout{grid-template-columns:250px 1fr}
  .pd{grid-template-columns:1fr 1fr;gap:44px}
  .checkout-grid{grid-template-columns:1.25fr .85fr}
}