/*
Theme Name: Gulnaar Fashion
Theme URI: https://example.com/
Author: Gulnaar Fashion
Description: Luxury eastern-wear WooCommerce storefront inspired by the supplied Gulnaar Fashion reference design.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: gulnaar-fashion
*/

:root{
  --black:#100e0c;
  --black2:#171411;
  --cream:#f3eee5;
  --cream2:#e8dfd2;
  --gold:#c8a66a;
  --gold2:#a98249;
  --white:#fffdf9;
  --text:#29231d;
  --muted:#85796b;
  --border:rgba(200,166,106,.32);
  --serif:"Cormorant Garamond", Georgia, serif;
  --sans:"Montserrat", Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);background:var(--cream);font-family:var(--sans);font-size:14px}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit}
.container{width:min(1180px,92%);margin:auto}
.gf-eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:500}
.gf-title{font-family:var(--serif);font-weight:500}
.gf-btn{display:inline-flex;align-items:center;gap:13px;border:1px solid var(--gold);background:var(--gold);color:#16110c;padding:14px 25px;text-transform:uppercase;letter-spacing:.2em;font-size:11px;transition:.25s}
.gf-btn:hover{background:transparent;color:var(--gold)}
.gf-btn-dark{background:transparent;color:var(--gold)}
.gf-btn-dark:hover{background:var(--gold);color:#16110c}

/* Announcement */
.gf-announcement{height:38px;background:#0b0a08;color:#e8e1d6;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.13);font-size:9px;letter-spacing:.19em;text-transform:uppercase}
.gf-announcement .container{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}
.gf-announcement .center{text-align:center}
.gf-announcement .right{text-align:right}

/* Header */
.site-header{background:#100e0c;color:#fff;position:relative;z-index:20}
.gf-header{min-height:113px;display:grid;grid-template-columns:260px 1fr 190px;align-items:center;gap:20px}
.gf-logo{display:flex;align-items:center;max-width:235px}
.gf-logo img{max-height:100px;width:auto;object-fit:contain}
.gf-logo-text{color:var(--gold);font-family:var(--serif);font-size:36px;line-height:.75}
.gf-logo-text small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.35em;text-align:center;margin-top:10px}
.gf-nav{display:flex;justify-content:center;gap:42px}
.gf-nav a{font-size:12px;color:#e8e0d5;position:relative;padding:10px 0}
.gf-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--gold);transition:.25s}
.gf-nav a:hover:after,.gf-nav .current-menu-item>a:after{right:0}
.gf-tools{display:flex;justify-content:flex-end;align-items:center;gap:19px}
.gf-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:#f6f0e7}
.gf-cart{position:relative}
.gf-cart-count{position:absolute;right:-9px;top:-8px;width:17px;height:17px;border-radius:50%;background:#e8dfd2;color:#2a2118;font-size:9px;display:flex;align-items:center;justify-content:center}
.gf-mobile-toggle{display:none;color:white;background:none;border:0;font-size:25px}

/* Hero */
.gf-hero{min-height:455px;background:#201914 center/cover no-repeat;position:relative;overflow:hidden}
.gf-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,8,6,.83) 0%,rgba(10,8,6,.52) 43%,rgba(10,8,6,.05) 75%)}
.gf-hero-inner{position:relative;z-index:1;min-height:455px;display:flex;align-items:center}
.gf-hero-copy{max-width:520px;color:white}
.gf-hero-copy h1{font-size:54px;line-height:.94;margin:18px 0 20px;font-style:normal}
.gf-hero-copy h1 em{font-style:italic}
.gf-hero-copy p{font-size:13px;line-height:1.75;color:#ddd5cb;max-width:390px;margin:0 0 24px}
.gf-dots{position:absolute;z-index:3;bottom:22px;right:40px;display:flex;gap:13px}
.gf-dot{width:9px;height:9px;border:1px solid #eee;border-radius:50%}.gf-dot.active{background:#fff}

/* Category tiles */
.gf-categories{padding:22px 0;background:#f7f2e9}
.gf-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gf-category{height:180px;position:relative;overflow:hidden;background:#33291f}
.gf-category img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gf-category:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.05) 70%)}
.gf-category:hover img{transform:scale(1.04)}
.gf-category-content{position:absolute;z-index:2;left:20px;bottom:20px;color:white}
.gf-category-content .title{font:italic 25px var(--serif)}
.gf-category-content .sub{font-size:10px;letter-spacing:.23em;text-transform:uppercase;margin-top:6px}

/* Feature strip */
.gf-feature-strip{background:#eee7dc;border-top:1px solid #ddd4c7;border-bottom:1px solid #ddd4c7;padding:25px 0}
.gf-features{display:grid;grid-template-columns:repeat(4,1fr)}
.gf-feature{display:flex;align-items:center;justify-content:center;gap:15px;border-right:1px solid #d3c9ba;min-height:58px}
.gf-feature:last-child{border:0}
.gf-feature .symbol{font-size:28px;line-height:1}
.gf-feature strong{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px}
.gf-feature span{font-size:10px;color:#7e7469}

/* Product section */
.gf-products-section{background:var(--black);color:#fff;padding:60px 0 72px;position:relative;overflow:hidden}
.gf-products-section:before,.gf-products-section:after{content:"";position:absolute;width:180px;height:300px;opacity:.15;background:url("images/cat-1.jpg") center/cover;filter:sepia(1);pointer-events:none}
.gf-products-section:before{left:-130px;top:60px}.gf-products-section:after{right:-130px;bottom:20px}
.gf-section-heading{text-align:center;margin-bottom:32px;position:relative}
.gf-section-heading h2{font-size:39px;margin:12px 0 0;font-style:italic}
.gf-heading-lines{display:flex;justify-content:center;align-items:center;gap:18px;color:var(--gold)}
.gf-heading-lines:before,.gf-heading-lines:after{content:"";width:48px;height:1px;background:var(--gold)}
.gf-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;z-index:1}
.gf-product-card{border:1px solid rgba(200,166,106,.48);background:#171411;position:relative;overflow:hidden}
.gf-product-image{aspect-ratio:4/4.7;overflow:hidden;background:#2b241d;position:relative}
.gf-product-image img{width:100%;height:100%;object-fit:cover;transition:.45s}
.gf-product-card:hover .gf-product-image img{transform:scale(1.035)}
.gf-wishlist{position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(10,8,6,.45);color:#fff;border:0;cursor:pointer}
.gf-product-info{padding:13px 14px 17px}
.gf-product-info h3{font:22px var(--serif);margin:0 0 4px;color:#fff}
.gf-price{color:#d5c8b7;font-size:12px}
.gf-add{margin-top:13px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);display:inline-block}
.gf-center{text-align:center;margin-top:32px}

/* Sales banner */
.gf-sales-banner{min-height:180px;background:var(--cream2) center/cover no-repeat;position:relative;display:flex;align-items:center}
.gf-sales-banner:after{content:"";position:absolute;inset:0;background:rgba(30,22,16,.22)}
.gf-sales-inner{position:relative;z-index:1;text-align:center;width:100%;padding:38px}
.gf-sales-inner h2{font:italic 44px var(--serif);margin:7px 0}
.gf-sales-inner p{margin:0 0 20px;letter-spacing:.06em;font-size:11px}

/* Counter */
.gf-counter{background:#11100e;color:#fff;padding:38px 0}
.gf-counter-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.gf-counter-item{border-right:1px solid rgba(200,166,106,.25)}
.gf-counter-item:last-child{border:0}
.gf-counter-number{font:46px var(--serif);color:var(--gold);line-height:1}
.gf-counter-label{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#cfc5b8;margin-top:7px}

/* Reviews */
.gf-reviews{background:#f6f0e7;padding:65px 0}
.gf-reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gf-review{background:#fffdf9;border:1px solid #ded4c5;padding:28px;min-height:190px}
.gf-stars{color:var(--gold);letter-spacing:3px}
.gf-review p{font:italic 18px/1.45 var(--serif);margin:15px 0 18px}
.gf-review strong{font-size:10px;letter-spacing:.16em;text-transform:uppercase}

/* Newsletter/footer */
.gf-newsletter{background:#171411;color:white;position:relative;overflow:hidden}
.gf-newsletter .container{min-height:180px;display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:30px}
.gf-newsletter h3{font:italic 31px var(--serif);margin:8px 0}
.gf-newsletter p{font-size:10px;color:#c6bdb1;line-height:1.7}
.gf-newsletter-form{display:flex;border:1px solid rgba(200,166,106,.6)}
.gf-newsletter-form input{flex:1;background:transparent;border:0;color:white;padding:13px 15px;outline:0}
.gf-newsletter-form button{border:0;background:var(--gold);padding:0 18px;cursor:pointer}
.site-footer{background:#0d0c0a;color:#bdb5ab;padding:34px 0 18px}
.gf-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:35px}
.site-footer h4{color:#fff;font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 17px}
.site-footer p,.site-footer li{font-size:10px;line-height:1.9}
.site-footer ul{padding:0;margin:0;list-style:none}
.gf-footer-bottom{border-top:1px solid #28231e;margin-top:25px;padding-top:17px;font-size:9px;display:flex;justify-content:space-between}

/* WooCommerce / pages */
.woocommerce .site-main,.woocommerce-page .site-main{padding:45px 0 70px}
.woocommerce .page-title,.woocommerce-page .page-title{font:italic 44px var(--serif)}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:25px;margin:0!important}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}
.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:#fff;border:1px solid #ded4c5;padding:0 0 15px;overflow:hidden}
.woocommerce ul.products li.product a img{margin:0 0 12px!important;width:100%;aspect-ratio:4/4.7;object-fit:cover}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font:22px var(--serif);padding:0 14px!important}
.woocommerce ul.products li.product .price{padding:0 14px;color:#806d57}
.woocommerce ul.products li.product .button{margin:10px 14px 0!important;background:#16120f;color:#fff;border-radius:0;font-size:9px;text-transform:uppercase;letter-spacing:.16em}
.woocommerce .quantity .qty{padding:9px}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{border-radius:0;background:#171411;color:#fff}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--gold)}
.woocommerce .woocommerce-ordering select,.woocommerce .variations select{padding:10px;border:1px solid #cfc3b3;background:#fff}
.woocommerce-cart table.cart img{width:70px}
.woocommerce form.checkout,.woocommerce form.login,.woocommerce form.register{background:#fff;padding:25px;border:1px solid #ded4c5}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{padding:12px;border:1px solid #d2c7b8;background:#fff}
.woocommerce-checkout #payment{background:#eee7dc}
.woocommerce-account .woocommerce-MyAccount-navigation{width:23%}
.woocommerce-account .woocommerce-MyAccount-content{width:73%}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:1px solid #d7ccbd;padding:12px}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active{background:#171411;color:#fff}
.woocommerce div.product .product_title{font:48px var(--serif)}
.woocommerce div.product p.price{color:#8d7049}
.woocommerce div.product form.cart .button{background:#171411;border-radius:0}
.woocommerce span.onsale{background:var(--gold);color:#16110c;border-radius:0}
.gf-page-wrap{padding:60px 0;min-height:420px}
.gf-page-wrap h1{font:italic 45px var(--serif)}
.gf-page-wrap p{line-height:1.9}

/* Responsive */
@media(max-width:980px){
 .gf-header{grid-template-columns:180px 1fr 130px}.gf-nav{gap:18px}.gf-nav a{font-size:11px}
 .gf-product-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}
 .gf-category-grid{grid-template-columns:repeat(2,1fr)}
 .gf-features,.gf-counter-grid{grid-template-columns:repeat(2,1fr)}
 .gf-feature:nth-child(2){border-right:0}.gf-feature{margin-bottom:10px}
 .gf-newsletter .container{grid-template-columns:1fr 1.5fr}
 .gf-newsletter .logo-side{display:none}
 .gf-footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
 .gf-announcement .container{grid-template-columns:1fr;text-align:center}.gf-announcement .left,.gf-announcement .right{display:none}
 .gf-header{min-height:80px;grid-template-columns:1fr auto}.gf-logo img{max-height:67px}.gf-logo-text{font-size:27px}
 .gf-mobile-toggle{display:block}.gf-nav{display:none;position:absolute;left:0;right:0;top:80px;background:#111;padding:20px;flex-direction:column;gap:0}.gf-nav.open{display:flex}.gf-nav a{padding:13px 5%;border-bottom:1px solid #29231f}
 .gf-tools{gap:10px}.gf-tools .user-link,.gf-tools .search-link{display:none}
 .gf-hero,.gf-hero-inner{min-height:510px}.gf-hero-copy h1{font-size:43px}.gf-hero-copy{padding:25px 0}
 .gf-category-grid{grid-template-columns:1fr 1fr;gap:9px}.gf-category{height:150px}.gf-category-content{left:13px;bottom:13px}.gf-category-content .title{font-size:21px}
 .gf-features,.gf-counter-grid{grid-template-columns:1fr 1fr}.gf-feature{justify-content:flex-start;padding:8px 10px}
 .gf-reviews-grid{grid-template-columns:1fr}
 .gf-newsletter .container{display:block;padding:35px 0}.gf-newsletter-form{margin-top:20px}
 .gf-footer-grid{grid-template-columns:1fr 1fr;gap:20px}
 .gf-footer-bottom{display:block;line-height:2}
 .woocommerce ul.products{gap:12px!important}
 .woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{width:100%;float:none}
}
@media(max-width:460px){
 .gf-product-grid,.woocommerce ul.products{grid-template-columns:1fr!important}
 .gf-category-grid{grid-template-columns:1fr 1fr}
 .gf-hero-copy h1{font-size:39px}
}