/* ================================================================
   GARUDO.IN — Product Page Skin v10
   wolmart-child/assets/css/garudo-skin.css
   Pure CSS skin — zero template override — all functions preserved
================================================================ */

/* BASE */
.single-product nav.woocommerce-breadcrumb+nav.woocommerce-breadcrumb{display:none!important}
.single-product .woocommerce-breadcrumb{font-size:12px;color:#888}
.single-product .woocommerce-breadcrumb a{color:#666;text-decoration:none}
.single-product .woocommerce-breadcrumb a:hover{color:#c45500}

/* GALLERY */
.single-product .woocommerce-product-gallery{border-radius:12px;border:1px solid #e0e0e0;background:#f8f8f8;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.single-product .onsale{background:#cc0c39!important;border-radius:4px!important;font-size:11px!important;font-weight:700!important;padding:4px 9px!important;top:10px!important;left:10px!important;right:auto!important;min-height:unset!important;min-width:unset!important;line-height:1.4!important}
.single-product .flex-control-thumbs li img{border-radius:6px;border:2px solid transparent;transition:border-color .2s}
.single-product .flex-control-thumbs li img.flex-active,.single-product .flex-control-thumbs li img:hover{border-color:#f90!important}

/* VERIFIED BRAND BADGE (injected by JS) */
.gs-brand-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#666;margin-bottom:10px;flex-wrap:wrap}
.gs-brand-dot{width:8px;height:8px;background:#27ae60;border-radius:50%;flex-shrink:0}
.gs-verified-badge{background:#e8f5e9;color:#1b5e20;font-size:11px;font-weight:700;padding:2px 8px;border-radius:3px}
.gs-brand-tag{background:#eef2ff;color:#3730a3;font-size:11px;font-weight:700;padding:2px 8px;border-radius:3px}

/* TITLE */
.single-product .summary .entry-title,.single-product .summary h1.product_title{font-size:21px!important;font-weight:700!important;line-height:1.35!important;color:#0f1111!important;margin-bottom:10px!important}

/* RATINGS */
.single-product .woocommerce-product-rating{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.single-product .star-rating{font-size:14px!important;color:#f90!important}
.single-product .woocommerce-review-link{font-size:13px;color:#007185!important;text-decoration:none!important}
.single-product .woocommerce-review-link:hover{text-decoration:underline!important}

/* PRICE — ALIGNMENT FIXED */
.single-product .summary .price{display:flex!important;align-items:baseline!important;gap:10px!important;flex-wrap:wrap!important;padding:14px 16px!important;background:#f8f9fa!important;border:1px solid #e0e0e0!important;border-radius:10px!important;margin-bottom:14px!important;line-height:1!important}
.single-product .summary .price ins{text-decoration:none!important}
.single-product .summary .price .woocommerce-Price-amount{font-size:26px!important;font-weight:700!important;color:#B12704!important;line-height:1!important;vertical-align:baseline!important}
.single-product .summary .price del{opacity:1!important}
.single-product .summary .price del .woocommerce-Price-amount{font-size:17px!important;color:#999!important;font-weight:400!important}

/* SHORT DESCRIPTION */
.single-product .woocommerce-product-details__short-description{font-size:14px;line-height:1.7;color:#555;margin-bottom:14px;padding:10px 14px;background:#f8f9fa;border-left:3px solid #1a2744;border-radius:0 6px 6px 0}

/* VARIATIONS */
.single-product .variations_form .variations td,.single-product .variations_form .variations th{padding:5px 0;border:none;background:transparent;vertical-align:middle}
.single-product .variations_form .variations label{font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.6px!important;color:#444!important}
.single-product .variations_form select{border:1.5px solid #d0d0d0!important;border-radius:6px!important;padding:8px 12px!important;font-size:13px!important;background:#fff!important;width:100%;outline:none;transition:border-color .2s}
.single-product .variations_form select:focus{border-color:#1a2744!important}
.single-product .woocommerce-variation-price .price{font-size:22px!important;font-weight:700!important;color:#B12704!important;padding:10px 14px!important;background:#f8f9fa!important;border:1px solid #eee!important;border-radius:8px!important;display:block!important}

/* BUTTONS */
.single-product .single_add_to_cart_button,.single-product button.add_to_cart_button{background:#1a2744!important;border:none!important;color:#fff!important;font-size:14px!important;font-weight:700!important;border-radius:7px!important;padding:12px 28px!important;cursor:pointer!important;transition:background .2s,transform .12s!important;text-transform:none!important;letter-spacing:0!important}
.single-product .single_add_to_cart_button:hover{background:#263558!important;transform:translateY(-1px)!important}
.single-product [class*="buy-now"],.single-product .wc-buy-now{background:#f90!important;border:none!important;color:#0f1111!important;font-size:14px!important;font-weight:700!important;border-radius:7px!important;padding:12px 28px!important}
.single-product .quantity input.qty{border:1.5px solid #c8c8c8!important;border-radius:6px!important;padding:8px 12px!important;font-size:16px!important;font-weight:600!important;text-align:center!important;width:68px!important;background:#fff!important}

/* GARUDO GUARANTEE CARD (injected) */
.gs-card{background:#fff;border:1px solid #e4e4e4;border-radius:10px;padding:16px;margin-bottom:14px}
.gs-card-title{font-size:13px;font-weight:700;color:#0f1111;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:6px}
.gs-guarantee-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}
.gs-guarantee-list li{font-size:13px;color:#2e7d32;font-weight:500}

/* PAYMENTS CARD */
.gs-pay-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.gs-pay-chip{background:#f3f4f6;border:1px solid #e0e0e0;border-radius:5px;padding:4px 10px;font-size:12px;color:#444}
.gs-emi-note{font-size:12px;color:#666}
.gs-emi-note a{color:#007185;text-decoration:none}

/* TRUST STRIP (below gallery, injected) */
.gs-trust-strip{border:1px solid #e4e4e4;border-radius:9px;overflow:hidden;margin-top:12px}
.gs-trust-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #f0f0f0;background:#fff;transition:background .15s}
.gs-trust-row:last-child{border-bottom:none}
.gs-trust-row:hover{background:#fafafa}
.gs-trust-ico{font-size:18px;flex-shrink:0}
.gs-trust-row strong{display:block;font-size:13px;font-weight:600;color:#222}
.gs-trust-row small{display:block;font-size:11px;color:#888;margin-top:1px}

/* PINCODE */
.gs-pincode-wrap{margin:12px 0}
.gs-pin-row{display:flex;gap:8px;margin-bottom:8px}
.gs-pin-inp{flex:1;min-width:0;border:1.5px solid #d0d0d0;border-radius:6px;padding:8px 12px;font-size:14px;outline:none;transition:border-color .2s;font-family:inherit}
.gs-pin-inp:focus{border-color:#1a2744}
.gs-pin-inp.err{border-color:#e53935}
.gs-pin-inp.ok{border-color:#27ae60}
.gs-pin-btn{background:#1a2744;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s;flex-shrink:0;font-family:inherit}
.gs-pin-btn:hover{background:#263558}
.gs-pin-btn:disabled{background:#aaa;cursor:not-allowed}
.gs-pin-result{font-size:12px;border-radius:6px;padding:8px 12px;line-height:1.5;display:none}
.gs-pin-result.ok{display:block;background:#e8f5e9;color:#1b5e20;border:1px solid #a5d6a7}
.gs-pin-result.err{display:block;background:#ffebee;color:#b71c1c;border:1px solid #ef9a9a}
.gs-pin-result.chk{display:block;background:#e3f2fd;color:#1565c0;border:1px solid #90caf9}

/* GLOBAL SECTION HEADERS */
.gs-section{margin-bottom:32px}
.gs-section-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.gs-section-hdr h3{font-size:17px;font-weight:700;color:#111}
.gs-section-hdr a{font-size:13px;color:#007185;text-decoration:none}
.gs-section-hdr a:hover{text-decoration:underline}

/* PRODUCT CARDS (Essentials + Deals) */
.gs-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.gs-prod-card{border:1px solid #e4e4e4;border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s;text-decoration:none;display:flex;flex-direction:column}
.gs-prod-card:hover{box-shadow:0 4px 18px rgba(0,0,0,.1);transform:translateY(-2px)}
.gs-prod-img{width:100%;aspect-ratio:1;object-fit:contain;display:block;border-bottom:1px solid #f0f0f0;background:#f8f8f8}
.gs-prod-body{padding:10px;flex:1;display:flex;flex-direction:column;gap:4px}
.gs-prod-badge{font-size:10px;font-weight:700;background:#cc0c39;color:#fff;padding:2px 6px;border-radius:3px;display:inline-block;width:fit-content;margin-bottom:2px}
.gs-prod-name{font-size:12px;font-weight:500;color:#222;line-height:1.4;text-decoration:none;display:block;flex:1}
.gs-prod-price{font-size:13px;color:#B12704;font-weight:700}
.gs-prod-btn{width:100%;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:5px;color:#333;font-size:12px;font-weight:600;padding:7px;cursor:pointer;transition:background .15s;font-family:inherit;margin-top:6px}
.gs-prod-btn:hover{background:#1a2744;color:#fff;border-color:#1a2744}

/* DEALS OF THE DAY */
.gs-deals-wrap{background:#fff;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;margin-bottom:32px}
.gs-deals-hdr{background:#1a2744;display:flex;align-items:center;justify-content:space-between;padding:14px 20px}
.gs-deals-hdr h3{font-size:15px;font-weight:700;color:#fff;margin:0}
/* countdown removed in v11 */
.gs-deals-view-all{color:#fff;font-size:13px;text-decoration:none;opacity:.85;font-weight:600;}
.gs-deals-view-all:hover{opacity:1;text-decoration:underline;}
.gs-deals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding:16px}

/* RECENTLY VIEWED */
.gs-rv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}
.gs-rv-card{border:1px solid #e4e4e4;border-radius:9px;overflow:hidden;background:#fff;text-decoration:none;color:#222;transition:box-shadow .2s;display:block}
.gs-rv-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.1)}
.gs-rv-card img{width:100%;aspect-ratio:1;object-fit:contain;display:block;border-bottom:1px solid #f0f0f0;background:#f8f8f8}
.gs-rv-body{padding:8px}
.gs-rv-name{display:block;font-size:12px;font-weight:500;margin-bottom:3px;line-height:1.3}
.gs-rv-price{font-size:12px;color:#B12704;font-weight:600}

/* REVIEW FORM */
.single-product #review_form_wrapper{background:#f8f9fa;border:1px solid #e4e4e4;border-radius:10px;padding:20px;margin-top:16px}
.single-product #review_form label{font-size:13px;font-weight:600;color:#444;display:block;margin-bottom:5px}
.single-product #review_form input[type="text"],.single-product #review_form input[type="email"],.single-product #review_form textarea{width:100%;border:1.5px solid #d0d0d0!important;border-radius:6px!important;padding:9px 12px!important;font-size:14px;outline:none;transition:border-color .2s;margin-bottom:12px}
.single-product #review_form input:focus,.single-product #review_form textarea:focus{border-color:#1a2744!important}
.single-product #review_form textarea{min-height:100px;resize:vertical}
.single-product #review_form #submit{background:#1a2744!important;color:#fff!important;border:none!important;border-radius:7px!important;padding:11px 28px!important;font-size:14px!important;font-weight:700!important;cursor:pointer!important;transition:background .2s!important}
.single-product #review_form #submit:hover{background:#263558!important}
.single-product .stars a{color:#f90!important}
.single-product p.stars{margin-bottom:12px}

/* ================================================================
   RELATED PRODUCTS — OVERLAP FIX v2
   The Wolmart theme renders related products inside a Swiper/slider
   wrapper. We need to:
   1. Kill the slider transform/flex so cards don't stack
   2. Force the ul (or swiper-wrapper) into a proper wrapping grid
   3. Make cards smaller (minmax 140px) so all 5 fit in one row
================================================================ */
.single-product .related.products>h2,
.related.products>h2{
    font-size:18px!important;font-weight:700!important;color:#111!important;
    margin-bottom:16px!important;padding-bottom:10px!important;
    border-bottom:2px solid #f90!important;
}

/* — Container: kill any overflow:hidden that clips cards — */
.related.products{overflow:visible!important}

/* — Disable Swiper slider behaviour — */
.related.products .products.swiper-wrapper,
.related.products ul.products{
    display:grid!important;
    grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;
    gap:12px!important;
    list-style:none!important;
    padding:0!important;
    margin:0!important;
    /* kill swiper */
    transform:none!important;
    transition:none!important;
    will-change:unset!important;
    /* kill float layout */
    float:none!important;
    width:100%!important;
    box-sizing:border-box!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
}
/* suppress clearfix */
.related.products ul.products::before,
.related.products ul.products::after,
.related.products .products.swiper-wrapper::before,
.related.products .products.swiper-wrapper::after{display:none!important}

/* — Each card — */
.related.products ul.products li.product,
.related.products .products.swiper-wrapper li.product{
    display:flex!important;
    flex-direction:column!important;
    border:1px solid #e4e4e4!important;
    border-radius:10px!important;
    overflow:hidden!important;
    background:#fff!important;
    transition:box-shadow .2s,transform .2s!important;
    padding:0!important;
    margin:0!important;
    /* kill swiper slide sizing */
    float:none!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    flex-shrink:0!important;
    clear:none!important;
    position:relative!important;
    box-sizing:border-box!important;
}
.related.products ul.products li.product:hover{
    box-shadow:0 4px 18px rgba(0,0,0,.1)!important;
    transform:translateY(-2px)!important;
}

/* — Image — */
.related.products ul.products li.product img{
    width:100%!important;
    aspect-ratio:1!important;
    object-fit:contain!important;
    display:block!important;
    border-bottom:1px solid #f0f0f0!important;
    background:#f8f8f8!important;
    flex-shrink:0!important;
}

/* — Title — */
.related.products ul.products li.product .woocommerce-loop-product__title{
    font-size:12px!important;font-weight:600!important;color:#222!important;
    padding:7px 8px 3px!important;line-height:1.35!important;flex:1!important;
}

/* — Price — */
.related.products ul.products li.product .price{
    padding:0 8px 6px!important;
    font-size:13px!important;color:#B12704!important;font-weight:700!important;
    background:transparent!important;border:none!important;border-radius:0!important;
    margin:0!important;
    display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:4px!important;
}
.related.products ul.products li.product .price .woocommerce-Price-amount{font-size:13px!important;color:#B12704!important}
.related.products ul.products li.product .price del .woocommerce-Price-amount{font-size:11px!important;color:#999!important;font-weight:400!important}

/* — Button — */
.related.products ul.products li.product .button{
    width:calc(100% - 16px)!important;
    margin:0 8px 8px!important;
    background:#1a2744!important;color:#fff!important;border:none!important;
    border-radius:6px!important;padding:7px!important;
    font-size:11px!important;font-weight:600!important;
    text-align:center!important;cursor:pointer!important;
    transition:background .2s!important;display:block!important;
    text-decoration:none!important;box-sizing:border-box!important;flex-shrink:0!important;
}
.related.products ul.products li.product .button:hover{background:#263558!important}

/* — Star ratings — */
.related.products ul.products li.product .star-rating{
    font-size:11px!important;color:#f90!important;padding:0 8px 3px!important;
}

/* — Sale badge — */
.related.products ul.products li.product .onsale{
    position:absolute!important;top:6px!important;left:6px!important;z-index:2!important;
    font-size:10px!important;padding:2px 6px!important;
}

/* — Available / sold text — */
.related.products ul.products li.product .stock,
.related.products ul.products li.product [class*="available"],
.related.products ul.products li.product [class*="sold-"]{
    font-size:10px!important;color:#888!important;padding:0 8px 5px!important;display:block!important;
}

/* — Hide swiper nav arrows/pagination for related — */
.related.products .swiper-button-next,
.related.products .swiper-button-prev,
.related.products .swiper-pagination{display:none!important}

/* RESPONSIVE */
@media(max-width:768px){
  .single-product .summary{padding-left:0;margin-top:16px}
  .single-product .summary .entry-title,.single-product .summary h1.product_title{font-size:18px!important}
  .single-product .summary .price .woocommerce-Price-amount{font-size:20px!important}
  .related.products ul.products{grid-template-columns:repeat(2,1fr)!important}
  .gs-products-grid,.gs-deals-grid,.gs-rv-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  .single-product .summary .price{padding:10px 12px!important}
  .gs-products-grid{gap:10px}
  .related.products ul.products{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
}

/* ── ACTION BUTTONS ROW (share/wishlist/compare moved above verified badge) ── */
#gs-action-btns {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}
#gs-action-btns .product-share,
#gs-action-btns .social-share { display: flex; align-items: center; gap: 8px; }
#gs-action-btns a, #gs-action-btns button {
    font-size: 13px !important;
    color: #555 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    transition: color .2s !important;
}
#gs-action-btns a:hover, #gs-action-btns button:hover { color: #1a2744 !important; }

/* Guarantee card in gallery column — compact */
#gs-guarantee-card .gs-guarantee-list li { font-size: 12px; }
#gs-payments-card .gs-pay-chip { font-size: 11px; padding: 3px 8px; }

/* ================================================================
   RELATED PRODUCTS — EXTRA SWIPER OVERRIDES
   Belt-and-suspenders for themes that use Swiper inline styles.
   JS also strips inline styles, but this CSS catches the gap.
================================================================ */

/* Kill any swiper-container wrapping the related ul */
.related.products .swiper-container,
.related.products .swiper{
    overflow:visible!important;
    width:100%!important;
}
.related.products .swiper-wrapper{
    display:grid!important;
    grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;
    gap:12px!important;
    transform:none!important;
    transition:none!important;
    width:100%!important;
    flex-wrap:wrap!important;
    align-items:start!important;
}
.related.products .swiper-slide{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin-right:0!important;
    flex-shrink:0!important;
}
