@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//gdfitness.in/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.5.1") format("woff2");
}

:root {
	--wd-text-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 8px;
	--wd-primary-color: rgb(0,0,0);
	--wd-alternative-color: rgb(216,0,0);
	--wd-link-color: rgb(0,0,0);
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(216,0,0);
	--btn-accented-bgcolor-hover: rgb(216,0,0);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://gdfitness.in/wp-content/uploads/2024/08/455601128_822246593427514_3385788556539606454_n-Photoroom.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-color: rgb(20,20,20);
	background-image: url(https://gdfitness.in/wp-content/uploads/2024/06/Picsart_24-06-10_13-38-32-531-scaled.jpg);
	background-position: center center;
}
.footer-container {
	background-color: rgb(16,16,16);
	background-image: none;
}
html .product.category-grid-item .wd-entities-title, html .product.category-grid-item.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .category-grid-item:first-child .wd-entities-title, html .product.wd-cat .wd-entities-title {
	font-size: 18px;
	text-transform: none;
}
html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a {
	text-transform: none;
}
html .wd-buy-now-btn:hover {
	background: rgb(51,51,51);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1320px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1337px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1320px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


@font-face {
	font-family: "hkgroteskpro";
	src: url("//gdfitness.in/wp-content/uploads/2022/09/hkgroteskpro-semibold.woff2") format("woff2"), 
url("//gdfitness.in/wp-content/uploads/2022/09/hkgroteskpro-semibold.woff2") format("woff");
	font-weight: 600;
	font-style: normal;
}

/* ===========================================
   GD FITNESS — PREMIUM (APPLE-STYLE) CATALOG
   =========================================== */

/* -------------------------------------------
   0. Base / Font Smoothing
   ------------------------------------------- */
.products, .wd-products{
    font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display",
                "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

/* -------------------------------------------
   1. Product Card
   Apple ka look = zyada white space, ultra
   soft shadow, minimal border, slow smooth
   transitions (ease-out, thoda lamba duration)
   ------------------------------------------- */
.products .product-grid-item,
.wd-products .product-grid-item{
    background:#fff;
    border:1px solid #f0f0f0;
    border-radius:24px;
    overflow:hidden;
    padding:28px 20px 24px;
    box-shadow:0 2px 8px rgba(0,0,0,.04);
    transition:transform .5s cubic-bezier(.25,.8,.25,1),
               box-shadow .5s cubic-bezier(.25,.8,.25,1);
    will-change:transform;
}
.products .product-grid-item:hover,
.wd-products .product-grid-item:hover{
    transform:translateY(-4px);
    box-shadow:0 20px 40px rgba(0,0,0,.08);
    border-color:#e8e8e8;
}

/* -------------------------------------------
   2. Product Image
   Bada, breathing room ke sath, hover pe
   halka aur silky zoom (Apple product shots
   never zoom aggressively)
   ------------------------------------------- */
.product-image-wrap{
    padding:20px 10px 26px;
    overflow:hidden;
}
.product-image-wrap img{
    transition:transform .6s cubic-bezier(.25,.8,.25,1);
    mix-blend-mode:multiply; /* clean white-bg product shots */
}
.product-grid-item:hover img{
    transform:scale(1.035);
}

/* -------------------------------------------
   3. Product Title
   Apple copy = tight tracking, thoda muted
   grey-black, never pure black
   ------------------------------------------- */
.wd-entities-title,
.product-title,
.wd-product-title{
    font-size:19px !important;
    font-weight:600 !important;
    letter-spacing:-.01em;
    line-height:26px !important;
    text-align:center;
    color:#1d1d1f;
    min-height:auto;
    margin:0 0 6px;
}

/* -------------------------------------------
   4. Price
   Apple never screams red pricing — clean,
   confident, single weight. Strike-through
   subtle grey, sale price in accent colour.
   ------------------------------------------- */
.price{
    display:block;
    text-align:center;
    font-size:20px !important;
    font-weight:600 !important;
    color:#1d1d1f !important;
    margin-top:4px;
    letter-spacing:-.01em;
}
.price del{
    color:#86868b !important;
    font-size:15px !important;
    font-weight:400 !important;
    opacity:.8;
    margin-right:6px;
}
.price ins{
    text-decoration:none !important;
    color:#0071e3 !important; /* Apple blue accent for savings */
}

/* -------------------------------------------
   5. Discount / Sale / Hot Badges
   Small pill, translucent-glass feel,
   pinned to TOP-RIGHT corner of the card
   ------------------------------------------- */
.product-grid-item,
.product-element-top{
    position:relative !important;
}
.product-labels,
.wd-labels{
    position:absolute !important;
    top:14px !important;
    right:14px !important;
    left:auto !important;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:6px;
    z-index:5;
}
.product-label{
    border-radius:20px !important;
    padding:5px 12px !important;
    font-size:11px !important;
    font-weight:600;
    letter-spacing:.02em;
    text-transform:uppercase;
    backdrop-filter:blur(6px);
    margin:0 !important;
}
.product-label.onsale{
    background:rgba(29,29,31,.9) !important;
    color:#fff !important;
}
.product-label.hot{
    background:rgba(0,113,227,.95) !important; /* Apple blue instead of harsh red */
    color:#fff !important;
}

/* -------------------------------------------
   6. Hide Add To Cart / Wishlist / Compare
   / Quick View — same as before
   ------------------------------------------- */
.add_to_cart_button,
.product_type_simple,
.product_type_variable,
.product_type_grouped,
.product_type_external,
.wd-add-btn,
.wd-buttons,
.compare-btn,
.quick-view,
.wd-wishlist-btn,
.wd-compare-btn{
    display:none !important;
}

/* -------------------------------------------
   6b. WhatsApp Button (replaces Add To Cart)
   Injected via JS — see gd-fitness-whatsapp.js
   Clean pill button, WhatsApp green, subtle
   hover lift like an Apple CTA
   ------------------------------------------- */
.gd-whatsapp-btn{
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    margin-top:14px;
    padding:12px 18px;
    background:#25D366;
    color:#fff !important;
    font-size:14px;
    font-weight:600;
    letter-spacing:-.01em;
    border-radius:980px; /* Apple's full-pill CTA radius */
    text-decoration:none !important;
    box-shadow:0 2px 10px rgba(37,211,102,.35);
    transition:transform .35s cubic-bezier(.25,.8,.25,1),
               box-shadow .35s cubic-bezier(.25,.8,.25,1),
               background .35s ease;
}
.gd-whatsapp-btn:hover{
    background:#1ebe5b;
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(37,211,102,.45);
    color:#fff !important;
}
.gd-whatsapp-btn svg{
    width:16px;
    height:16px;
    flex-shrink:0;
    fill:#fff;
}

/* -------------------------------------------
   7. Wrapper / Grid Spacing
   Apple grids breathe — zyada gap between
   cards, symmetrical alignment
   ------------------------------------------- */
.product-wrapper{
    text-align:center;
}
.products.elements-grid,
.wd-products.elements-grid{
    gap:32px !important;
}

/* -------------------------------------------
   8. Subtle Entrance Animation (optional)
   Cards fade+rise slightly when they enter
   viewport — Apple product pages do this.
   Requires an intersection-observer class
   "is-visible" toggled via JS (agar chahiye
   to alag se JS snippet de sakta hoon).
   ------------------------------------------- */
.product-grid-item{
    opacity:0;
    transform:translateY(16px);
    animation:gdFadeUp .6s cubic-bezier(.25,.8,.25,1) forwards;
}
@keyframes gdFadeUp{
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* -------------------------------------------
   9. Responsive Tweaks
   ------------------------------------------- */
@media(max-width:768px){
    .products .product-grid-item,
    .wd-products .product-grid-item{
        border-radius:18px;
        padding:18px 14px 16px;
    }
    .wd-entities-title,
    .product-title,
    .wd-product-title{
        font-size:16px !important;
        line-height:22px !important;
    }
    .price{
        font-size:18px !important;
    }
}