/** Shopify CDN: Minification failed

Line 1637:0 Expected "}" to go with "{"

**/
.bg-color-sandal {
  background-color: #a89166;
  border-color: #a89166;
}

.bg-color-cyan {
  background-color: #25bdb0;
  border-color: #25bdb0;
}

.bg-color-pink {
  background-color: #fcc6de;
  border-color: #fcc6de;
}

.bg-color-black {
  background-color: #000;
  border-color: #000;
}

.bg-color-grey {
  background-color: #ccc;
  border-color: #ccc;
}

.bg-color-green {
  background-color: #e1eb78;
  border-color: #e1eb78;
}
.bg-color-golden {
  background-color: #ffd700;
  border-color: #ffd700;
}
.bg-color-sliver {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

.bg-color-blue {
  background-color: #a8bcd4;
  border-color: #a8bcd4;
}

.bg-color-purple {
  background-color: #7e0b80;
  border-color: #7e0b80;
}

.bg-color-white {
  background-color: #fff;
  border-color: #fff;
 }
.bg-color-white span,
label.bg-color-white { border: 1px solid #e3e0e0 !important;}
.bg-color-red {
  background-color: #f63400;
  border-color: #f63400;
}

.bg-color-brown,
.bg-color-brow {
  background-color: #ad8111;
  border-color: #ad8111;
}

.bg-color-gold {
  background-color: #cea525;
  border-color: #cea525;
}

.bg-color-beige {
  background-color: #f0deba;
  border-color: #f0deba;
}

.bg-color-gray {
  background-color: #bfbfbf;
  border-color: #bfbfbf;
}

.bg-color-orange {
  background-color: #ff7900;
  border-color: #ff7900;
}

.bg-color-yellow {
  background-color: #dcdb79;
  border-color: #dcdb79;
}

.bg-color-navy {
  background-color: #001f3f;
  border-color: #001f3f;
}

.bg-color-aqua {
  background-color: #7fdbff;
  border-color: #7fdbff;
}

.bg-color-teal {
  background-color: #39cccc;
  border-color: #39cccc;
}

.bg-color-gun-smoke {
  background-color: #12221f;
  border-color: #12221f;
}

.bg-color-olive {
  background-color: olive;
  border-color: olive;
}

.bg-color-lime {
  background-color: #0f0;
  border-color: #0f0;
}

.bg-color-rose-gold {
  background-color: #fcdbd6;
  border-color: #fcdbd6;
}

.bg-color-clear {
  background-color: #caf6ea;
  border-color: #caf6ea;
}

.bg-color-maroon {
  background-color: maroon;
  border-color: maroon;
}

.bg-color-ivory {
  background-color: ivory;
  border-color: ivory;
}

.bg-color-lavenderblush {
  background-color: #b0e0e6;
  border-color: #b0e0e6;
}

.bg-color-powderblue {
  background-color: #f012be;
  border-color: #f012be;
}

.bg-color-darkgreen {
  background-color: #006400;
  border-color: #006400;
}

.bg-color-saddlebrown {
  background-color: #8b4513;
  border-color: #8b4513;
}

.bg-color-lightcoral {
  background-color: #f08080;
  border-color: #f08080;
}

.bg-color-palevioletred {
  background-color: #db7093;
  border-color: #db7093;
}

.bg-color-chocolate {
  background-color: #d2691e;
  border-color: #d2691e;
}

.bg-color-darkolivegreen {
  background-color: #556b2f;
  border-color: #556b2f;
}

.bg-color-darkred {
  background-color: #8b0000;
  border-color: #8b0000;
}

.bg-color-mediumaquamarine {
  background-color: #66cdaa;
  border-color: #66cdaa;
}

.bg-color-sandybrown {
  background-color: #f4a460;
  border-color: #f4a460;
}

.bg-color-darkslategray {
  background-color: #2f4f4f;
  border-color: #2f4f4f;
}

.bg-color-salmon {
  background-color: salmon;
  border-color: salmon;
}

.bg-color-slateblue {
  background-color: #6a5acd;
  border-color: #6a5acd;
}

.bg-color-lightgray {
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}

.bg-color-lemonchiffon {
  background-color: #fffacd;
  border-color: #fffacd;
}

.bg-color-thistle {
  background-color: #d8bfd8;
  border-color: #d8bfd8;
}

.bg-color-wheat {
  background-color: wheat;
  border-color: wheat;
}

.bg-color-lightsalmon {
  background-color: #ffa07a;
  border-color: #ffa07a;
}

.bg-color-hotpink {
  background-color: #ff69b4;
  border-color: #ff69b4;
}

.bg-color-lawngreen {
  background-color: #7cfc00;
  border-color: #7cfc00;
}

.bg-color-snow {
  background-color: snow;
  border-color: snow;
}

.bg-color-darkslateblue {
  background-color: #483d8b;
  border-color: #483d8b;
}

.bg-color-coral {
  background-color: coral;
  border-color: coral;
}

.bg-color-limegreen {
  background-color: #32cd32;
  border-color: #32cd32;
}

.bg-color-lightgrey {
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}

.bg-color-royalblue {
  background-color: #4169e1;
  border-color: #4169e1;
}

.bg-color-dimgrey {
  background-color: #696969;
  border-color: #696969;
}

.bg-color-lightseagreen {
  background-color: #20b2aa;
  border-color: #20b2aa;
}

.bg-color-skyblue {
  background-color: #87ceeb;
  border-color: #87ceeb;
}

.bg-color-orchid {
  background-color: orchid;
  border-color: orchid;
}

.bg-color-darksalmon {
  background-color: #e9967a;
  border-color: #e9967a;
}

.bg-color-darkorchid {
  background-color: #9932cc;
  border-color: #9932cc;
}

.bg-color-cornflowerblue {
  background-color: #6495ed;
  border-color: #6495ed;
}

.bg-color-cornsilk {
  background-color: #fff8dc;
  border-color: #fff8dc;
}

.bg-color-lightslategrey {
  background-color: #789;
  border-color: #789;
}

.bg-color-whitesmoke {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}

.bg-color-seagreen {
  background-color: #2e8b57;
  border-color: #2e8b57;
}

.bg-color-crimson {
  background-color: #dc143c;
  border-color: #dc143c;
}

.bg-color-azure {
  background-color: azure;
  border-color: azure;
}

.bg-color-paleturquoise {
  background-color: #afeeee;
  border-color: #afeeee;
}

.bg-color-darkkhaki {
  background-color: #bdb76b;
  border-color: #bdb76b;
}

.bg-color-mediumvioletred {
  background-color: #c71585;
  border-color: #c71585;
}

.bg-color-lightgoldenrodyellow {
  background-color: #fafad2;
  border-color: #fafad2;
}

.bg-color-violet {
  background-color: violet;
  border-color: violet;
}

.bg-color-peachpuff {
  background-color: #ffdab9;
  border-color: #ffdab9;
}

.bg-color-steelblue {
  background-color: #4682b4;
  border-color: #4682b4;
}

.bg-color-blanchedalmond {
  background-color: #ffebcd;
  border-color: #ffebcd;
}

.bg-color-moccasin {
  background-color: #ffe4b5;
  border-color: #ffe4b5;
}

.bg-color-antiquewhite {
  background-color: #faebd7;
  border-color: #faebd7;
}

.bg-color-mediumturquoise {
  background-color: #48d1cc;
  border-color: #48d1cc;
}

.bg-color-lightskyblue {
  background-color: #87cefa;
  border-color: #87cefa;
}

.bg-color-darkorange {
  background-color: #ff8c00;
  border-color: #ff8c00;
}

.bg-color-darkblue {
  background-color: #00008b;
  border-color: #00008b;
}

.bg-color-springgreen {
  background-color: #00ff7f;
  border-color: #00ff7f;
}

.bg-color-lavender {
  background-color: #e6e6fa;
  border-color: #e6e6fa;
}

.bg-color-mediumpurple {
  background-color: #9370db;
  border-color: #9370db;
}

.bg-color-deepskyblue {
  background-color: #00bfff;
  border-color: #00bfff;
}

.bg-color-mintcream {
  background-color: #f5fffa;
  border-color: #f5fffa;
}

.bg-color-deeppink {
  background-color: #ff1493;
  border-color: #ff1493;
}

.bg-color-darkseagreen {
  background-color: #8fbc8f;
  border-color: #8fbc8f;
}

.bg-color-papayawhip {
  background-color: #ffefd5;
  border-color: #ffefd5;
}

.bg-color-orangered {
  background-color: #ff4500;
  border-color: #ff4500;
}

.bg-color-tomato {
  background-color: tomato;
  border-color: tomato;
}

.bg-color-navajowhite {
  background-color: #ffdead;
  border-color: #ffdead;
}

.bg-color-mediumorchid {
  background-color: #ba55d3;
  border-color: #ba55d3;
}

.bg-color-ghostwhite {
  background-color: #f8f8ff;
  border-color: #f8f8ff;
}

.bg-color-slategrey {
  background-color: #708090;
  border-color: #708090;
}

.bg-color-forestgreen {
  background-color: #228b22;
  border-color: #228b22;
}

.bg-color-dodgerblue {
  background-color: #1e90ff;
  border-color: #1e90ff;
}

.bg-color-linen {
  background-color: linen;
  border-color: linen;
}

.bg-color-blueviolet {
  background-color: #8a2be2;
  border-color: #8a2be2;
}

.bg-color-gainsboro {
  background-color: #dcdcdc;
  border-color: #dcdcdc;
}

.bg-color-lightgreen {
  background-color: #90ee90;
  border-color: #90ee90;
}

.bg-color-chartreuse {
  background-color: #7fff00;
  border-color: #7fff00;
}

.bg-color-mistyrose {
  background-color: #ffe4e1;
  border-color: #ffe4e1;
}

.bg-color-darkgray {
  background-color: #a9a9a9;
  border-color: #a9a9a9;
}

.bg-color-peru {
  background-color: peru;
  border-color: peru;
}

.bg-color-tan {
  background-color: tan;
  border-color: tan;
}

.bg-color-palegreen {
  background-color: #98fb98;
  border-color: #98fb98;
}

.bg-color-rebeccapurple {
  background-color: #639;
  border-color: #639;
}

.bg-color-darkcyan {
  background-color: #008b8b;
  border-color: #008b8b;
}

.bg-color-oldlace {
  background-color: #fdf5e6;
  border-color: #fdf5e6;
}

.bg-color-rosybrown {
  background-color: #bc8f8f;
  border-color: #bc8f8f;
}

.bg-color-darkslategrey {
  background-color: #2f4f4f;
  border-color: #2f4f4f;
}

.bg-color-lightslategray {
  background-color: #789;
  border-color: #789;
}

.bg-color-turquoise {
  background-color: #40e0d0;
  border-color: #40e0d0;
}

.bg-color-darkgoldenrod {
  background-color: #b8860b;
  border-color: #b8860b;
}

.bg-color-honeydew {
  background-color: #f0fff0;
  border-color: #f0fff0;
}

.bg-color-mediumslateblue {
  background-color: #7b68ee;
  border-color: #7b68ee;
}

.bg-color-mediumspringgreen {
  background-color: #00fa9a;
  border-color: #00fa9a;
}

.bg-color-plum {
  background-color: plum;
  border-color: plum;
}

.bg-color-darkgrey {
  background-color: #a9a9a9;
  border-color: #a9a9a9;
}

.bg-color-slategray {
  background-color: #708090;
  border-color: #708090;
}

.bg-color-darkmagenta {
  background-color: #8b008b;
  border-color: #8b008b;
}

.bg-color-lightblue {
  background-color: #add8e6;
  border-color: #add8e6;
}

.bg-color-floralwhite {
  background-color: #fffaf0;
  border-color: #fffaf0;
}

.bg-color-dimgray {
  background-color: #696969;
  border-color: #696969;
}

.bg-color-greenyellow {
  background-color: #adff2f;
  border-color: #adff2f;
}

.bg-color-fuchsia {
  background-color: #f0f;
  border-color: #f0f;
}

.bg-color-cadetblue {
  background-color: #5f9ea0;
  border-color: #5f9ea0;
}

.bg-color-yellowgreen {
  background-color: #9acd32;
  border-color: #9acd32;
}

.bg-color-darkviolet {
  background-color: #9400d3;
  border-color: #9400d3;
}

.bg-color-sienna {
  background-color: sienna;
  border-color: sienna;
}

.bg-color-lightpink {
  background-color: #ffb6c1;
  border-color: #ffb6c1;
}

.bg-color-mediumblue {
  background-color: #0000cd;
  border-color: #0000cd;
}

.bg-color-bisque {
  background-color: bisque;
  border-color: bisque;
}

.bg-color-aquamarine {
  background-color: #7fffd4;
  border-color: #7fffd4;
}

.bg-color-palegoldenrod {
  background-color: #eee8aa;
  border-color: #eee8aa;
}

.bg-color-aliceblue {
  background-color: #f0f8ff;
  border-color: #f0f8ff;
}

.bg-color-olivedrab {
  background-color: #6b8e23;
  border-color: #6b8e23;
}

.bg-color-indigo {
  background-color: indigo;
  border-color: indigo;
}

.bg-color-lightcyan {
  background-color: #e0ffff;
  border-color: #e0ffff;
}

.bg-color-midnightblue {
  background-color: #191970;
  border-color: #191970;
}

.bg-color-khaki {
  background-color: khaki;
  border-color: khaki;
}

.bg-color-burlywood {
  background-color: #deb887;
  border-color: #deb887;
}

.bg-color-lightyellow {
  background-color: #ffffe0;
  border-color: #ffffe0;
}

.bg-color-lightsteelblue {
  background-color: #b0c4de;
  border-color: #b0c4de;
}

.bg-color-goldenrod {
  background-color: #daa520;
  border-color: #daa520;
}

.bg-color-darkturquoise {
  background-color: #00ced1;
  border-color: #00ced1;
}

.bg-color-magenta {
  background-color: #f0f;
  border-color: #f0f;
}

.bg-color-seashell {
  background-color: #fff5ee;
  border-color: #fff5ee;
}

.bg-color-indianred {
  background-color: #cd5c5c;
  border-color: #cd5c5c;
}

.bg-color-mediumseagreen {
  background-color: #3cb371;
  border-color: #3cb371;
}

.bg-color-firebrick {
  background-color: #b22222;
  border-color: #b22222;
}

.bg-color-metallic-sunburst {
  border-color: #9e7a48;
  background-color: #9e7a48;
}
.bg-color-deep-taupe {
  border-color: #816059;
  background-color: #816059;
}
.bg-color-rose-taupe {
  border-color: #945754;
  background-color: #945754;
}
.bg-color-nickel {
  border-color: #70756e;
  background-color: #70756e;
}
.bg-color-police-blue {
  border-color: #3f506e;
  background-color: #3f506e;
}
.bg-color-stormcloud {
  border-color: #4f636c;
  background-color: #4f636c;
}
.bg-color-feldgrau {
  border-color: #45604d;
  background-color: #45604d;
}
.bg-color-independence {
  border-color: #4a5163;
  background-color: #4a5163;
}
.bg-color-melon {
  border-color: #fbaca8;
  background-color: #fbaca8;
}

.bg-color-dark-vanilla {
  border-color: #d7bdb0;
  background-color: #d7bdb0;
}
.bg-color-pastel-gray {
  border-color: #d2d6bd;
  background-color: #d2d6bd;
}
.bg-color-color_pale-cerulean {
  border-color: #9dcbd8;
  background-color: #9dcbd8;
}
.bg-color-columbia-blue {
  border-color: #cddbe6;
  background-color: #cddbe6;
}
.bg-color-chinese-silver {
  border-color: #c6d0cf;
  background-color: #c6d0cf;
}
.bg-color-bright-gray {
  border-color: #eaeaea;
  background-color: #eaeaea;
}
.bg-color-feldgrau {
  border-color: #4f7053;
  background-color: #4f7053;
}

.bg-color-pale-silver {
  border-color: #d9bcc0;
  background-color: #d9bcc0;
}

.bg-color-water {
  border-color: #d0eff4;
  background-color: #d0eff4;
}
.bg-color-ash-gray {
  border-color: #adbeb6;
  background-color: #adbeb6;
}
.bg-color-jelly-bean {
  border-color: #d76a49;
  background-color: #d76a49;
}
.bg-color-deer {
  border-color: #c07e68;
  background-color: #c07e68;
}
.bg-color-opera-mauve {
  border-color: #b47eb2;
  background-color: #b47eb2;
}
.bg-color-cool-grey {
  background-color: #8883ab;
  border-color: #8883ab;
}
.bg-color-old-rose {
  border-color: #b2817d;
  background-color: #b2817d;
}
.bg-color-deep-amethyst {
  border-color: #9c8e9b;
  background-color: #9c8e9b;
}
.bg-color-desert-sand {
  border-color: #e4c7a9;
  background-color: #e4c7a9;
}
.bg-color-pastel-pink {
  border-color: #dea89c;
  background-color: #dea89c;
}
.bg-color-pastel-purple {
  border-color: #b8a0b0;
  background-color: #b8a0b0;
}
.bg-color-unbleached-silk {
  border-color: #f9dac6;
  background-color: #f9dac6;
}
.bg-color-brown-yellow {
  background-color: #ce925e;
  border-color: #ce925e;
}
.bg-color-dark-vanilla {
  border-color: #d5b8aa;
  background-color: #d5b8aa;
}
.bg-color-iceberg {
  background-color: #68bbd9;
  border-color: #68bbd9;
}
.bg-color-cadet-grey {
  border-color: #97a6ad;
  background-color: #97a6ad;
}
.bg-color-light-taupe {
  border-color: #b48e6a;
  background-color: #b48e6a;
}
.bg-color-copper-rose {
  border-color: #916f6d;
  background-color: #916f6d;
}
.bg-color-pastel-brown {
  border-color: #767058;
  background-color: #767058;
}
.bg-color-grullo {
  border-color: #a1a290;
  background-color: #a1a290;
}
.bg-color-sonic-silver {
  border-color: #777777;
  background-color: #777777;
}
.bg-color-redwood {
  border-color: #97544e;
  background-color: #97544e;
}
.bg-color-laurel-green {
  border-color: #b1b897;
  background-color: #b1b897;
}
.bg-color-pale-cerulean {
  border-color: #9dcbd8;
  background-color: #9dcbd8;
}
.bg-color-chinese-white {
  border-color: #dbe3e6;
  background-color: #dbe3e6;
}

.bg-color-rocket-metallic {
  border-color: #89806f;
  background-color: #89806f;
}
.bg-color-silver-pink {
  border-color: #cbadab;
  background-color: #cbadab;
}
.bg-color-pale-chestnut {
  border-color: #deb1ae;
  background-color: #deb1ae;
}
.bg-color-opal {
  border-color: #a0bdc5;
  background-color: #a0bdc5;
}
.bg-color-gold-fusion {
  border-color: #7d7a57;
  background-color: #7d7a57;
}
.bg-color-old-silver {
  border-color: #818286;
  background-color: #818286;
}
.bg-color-dust-storm {
  border-color: #e0cdc7;
  background-color: #e0cdc7;
}
.bg-color-alabaster {
  border-color: #f0e7e8;
  background-color: #f0e7e8;
}
.bg-color-english-lavender {
  border-color: #ae8e9d;
  background-color: #ae8e9d;
}
.bg-color-azureish-white {
  border-color: #d8f1ee;
  background-color: #d8f1ee;
}
.bg-color-silver-pink {
  border-color: #ccafb3;
  background-color: #ccafb3;
}
.bg-color-metallic {
  border-color: #aaa8b6;
  background-color: #aaa8b6;
}

.bg-color-coffee {
  border-color: #724d30;
  background-color: #724d30;
}

.bg-color-sugar-plum {
  border-color: #914671;
  background-color: #914671;
}

.bg-color-white {
  border: 1px solid #e3e0e0;
}
.bg-color-navy-blue {
  background: navy;
}

/**************/

.item-swiper-init .products {
  display: grid;
}

/* =========================================================================
   AIK-STYLE PRODUCT PAGE CLEANUP
   Paste this whole block at the BOTTOM of: Assets > custom.css
   It applies to EVERY product page automatically.
   To undo any part, just delete that section or wrap it in /* ... *​/.
   ========================================================================= */


/* -------------------------------------------------------------------------
   1) REMOVE THE FAKE "29 ITEMS SOLD IN LAST 21 HOURS" URGENCY BAR
   (AIK has nothing like this — it's randomized JS, not a real stat)
   ------------------------------------------------------------------------- */
.main-product-template .rating-fake-sales,
.main-product-template .social-proof-sales,
.main-product-template .flash_total_qty,
.main-product-template .flash_in_hour {
  display: none !important;
}


/* -------------------------------------------------------------------------
   2) REMOVE WISHLIST / COMPARE CLUTTER  (AIK keeps the info column minimal)
   Comment this section out if you want wishlist/compare back.
   ------------------------------------------------------------------------- */
.product__info-wrapper .dT_VProdWishList,
.product__info-wrapper .dT_VProdCompareList {
  display: none !important;
}


/* -------------------------------------------------------------------------
   3) CLEAN, AIRY TYPOGRAPHY & SPACING (the "simple like AIK" feel)
   ------------------------------------------------------------------------- */

/* Vendor / breadcrumb-style small label above the title (if shown) */
.main-product-template .product__vendor,
.main-product-template .product_vendor {
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.7;
  margin-bottom: 0.6rem;
}

/* Title: lighter, larger line-height, less heavy than the default */
.main-product-template .product__title h1,
.main-product-template .product__title h2.h1 {
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.01em;
  margin-bottom: 1.4rem;
}

/* The current theme renders the title twice (an <h1> and an <h2> link).
   Hide the duplicate linked copy so only one clean title shows. */
.main-product-template .product__title > a.product__title {
  display: none !important;
}

/* Price: simple, calm — let the sale strike-through stay but de-clutter */
.main-product-template .price--large .price-item {
  font-size: 2.2rem;
  font-weight: 400;
}
.main-product-template .price__badge-sale {
  font-weight: 400;
  letter-spacing: 0.04em;
}

/* Short description text — relaxed, readable like AIK */
.main-product-template .product__text {
  font-size: 1.5rem;
  line-height: 1.7;
  opacity: 0.85;
  margin: 1.2rem 0 2rem;
}

/* Give the whole info column more breathing room between blocks */
.main-product-template .product__info-container > * {
  margin-top: 0.4rem;
}
.main-product-template .product-form__buttons {
  margin-top: 1.6rem;
}


/* -------------------------------------------------------------------------
   4) GALLERY — pin thumbnails to the LEFT, big image on the right (like AIK)
   NOTE: This ONLY takes effect once you switch the gallery to a THUMBNAIL
   layout in the theme editor (see the chat instructions). In the current
   "stacked" mode there are no thumbnails for this CSS to position.
   ------------------------------------------------------------------------- */
@media screen and (min-width: 990px) {
  /* Put the thumbnail strip first (left) and the main image after it */
  .main-product-template .product__media-wrapper .thumbnail-slider,
  .main-product-template .product--thumbnail_slider_left .thumbnail-list {
    order: -1;
  }
  /* Vertical thumbnail column, AIK-sized */
  .main-product-template .product--thumbnail_slider_left .thumbnail-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 7rem;
  }
  .main-product-template .product--thumbnail_slider_left .thumbnail-list__item img {
    border-radius: 0;
  }


  /* =========================================================================
   AIK-STYLE PRODUCT PAGE CLEANUP  (v2 — cleaner & lighter)
   Paste this WHOLE block at the BOTTOM of: Assets > custom.css  (replace v1)
   Applies to EVERY product page. Affects only the product area,
   nothing below "Eid-Special Collections".
   To undo any part, delete that section.
   ========================================================================= */


/* -------------------------------------------------------------------------
   1) REMOVE CLUTTER  (fake "items sold" bar + wishlist/compare)
   ------------------------------------------------------------------------- */
.main-product-template .rating-fake-sales,
.main-product-template .social-proof-sales,
.main-product-template .flash_total_qty,
.main-product-template .flash_in_hour,
.product__info-wrapper .dT_VProdWishList,
.product__info-wrapper .dT_VProdCompareList {
  display: none !important;
}


/* -------------------------------------------------------------------------
   2) TITLE — smaller, lighter, calmer (AIK feel, not huge & bold)
   ------------------------------------------------------------------------- */
.main-product-template .product__title h1,
.main-product-template .product__title h2,
.main-product-template .product__title h2.h1 {
  font-size: 2.4rem;       /* was very large */
  font-weight: 400;        /* not bold */
  line-height: 1.25;
  letter-spacing: 0.02em;
  margin-bottom: 1.2rem;
  text-align: left;
}
/* theme renders the title twice — hide the duplicate linked copy */
.main-product-template .product__title > a.product__title {
  display: none !important;
}


/* -------------------------------------------------------------------------
   3) VENDOR (small label above title, if shown)
   ------------------------------------------------------------------------- */
.main-product-template .product__vendor,
.main-product-template .product_vendor {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.6;
  margin-bottom: 0.4rem;
}


/* -------------------------------------------------------------------------
   4) PRICE — simple & subdued (keep the sale strike-through)
   ------------------------------------------------------------------------- */
.main-product-template .price .price-item {
  font-size: 1.9rem;
  font-weight: 400;
}
.main-product-template .price__badge-sale {
  font-weight: 400;
  font-size: 1.1rem;
  letter-spacing: 0.04em;
  padding: 0.2rem 0.8rem;
}
.main-product-template .product__tax,
.main-product-template .tax-note,
.main-product-template caption,
.main-product-template .product__text.caption {
  font-size: 1.2rem;
  opacity: 0.6;
}


/* -------------------------------------------------------------------------
   5) SHORT DESCRIPTION text under title — relaxed & readable
   ------------------------------------------------------------------------- */
.main-product-template .product__text {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.65;
  opacity: 0.85;
  margin: 1rem 0 1.8rem;
}


/* -------------------------------------------------------------------------
   6) SIZE / VARIANT BUTTONS — thinner, smaller, lighter borders
   ------------------------------------------------------------------------- */
.main-product-template .product-form__input .form__label {
  font-size: 1.3rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
}
.main-product-template .product-form__input input[type='radio'] + label {
  min-width: 4.4rem;
  padding: 0.7rem 1.2rem;
  font-size: 1.3rem;
  font-weight: 400;
  border-width: 1px;
  border-radius: 0;
}


/* -------------------------------------------------------------------------
   7) BUTTONS — calmer (Add to bag / Buy it now)
   ------------------------------------------------------------------------- */
.main-product-template .product-form__submit,
.main-product-template .shopify-payment-button__button {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.04em;
}


/* -------------------------------------------------------------------------
   8) ACCORDIONS (Description / Shipping / Reviews) — lighter headers
   ------------------------------------------------------------------------- */
.main-product-template .product__accordion .accordion__title {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-transform: none;
}
.main-product-template .product__accordion {
  border-color: rgba(var(--color-foreground), 0.08);
}


/* -------------------------------------------------------------------------
   9) SPACING — more whitespace between blocks (airy like AIK)
   ------------------------------------------------------------------------- */
.main-product-template .product__info-container > * {
  margin-top: 0.6rem;
}
.main-product-template .product-form {
  margin-top: 1.4rem;
}


/* -------------------------------------------------------------------------
   10) GALLERY — force vertical thumbnails on the LEFT + one big image (AIK)
   Targets the real markup: <media-gallery class="product__media-gallery">
   containing the main <slider-component> and the .thumbnail-slider.
   Desktop only (>=990px); mobile keeps thumbnails below, like AIK.
   ------------------------------------------------------------------------- */
@media screen and (min-width: 990px) {

  /* Put the gallery side-by-side: thumbnails | big image */
  .main-product-template .product__media-gallery {
    display: flex !important;
    flex-direction: row;
    align-items: flex-start;
    gap: 1.5rem;
  }
  

  /* Thumbnail strip = narrow vertical column, moved to the LEFT */
  .main-product-template .product__media-gallery .thumbnail-slider {
    order: -1;
    flex: 0 0 25rem;
    width: 25rem;
    flex-direction: column;
    align-items: stretch;
  }
  .main-product-template .product__media-gallery .thumbnail-slider .thumbnail-list {
    flex-direction: column !important;   /* one below another */
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    gap: 1rem;
  }
  .main-product-template .product__media-gallery .thumbnail-list__item img,
  .main-product-template .product__media-gallery .thumbnail-list img {
    border-radius: 0;
  }

  /* Big main image fills the remaining space on the right */
  .main-product-template .product__media-gallery > slider-component:not(.thumbnail-slider) {
    flex: 1 1 auto;
    min-width: 0;
    order: 0;
  }

  /* Hide the little up/down arrows on the thumbnail column (clean like AIK) */
  .main-product-template .product__media-gallery .thumbnail-slider > .slider-button {
    display: none !important;
  }

  /* Make only the header/navbar white */
  .header-wrapper,
  .shopify-section-group-header-group .header,
  header.header {
    background-color: #ffffff !important;
  }

}


/* ===== Side thumbnails ko bada karo (badi image same rahegi) ===== */
@media screen and (min-width: 990px) {
  /* har thumbnail poori strip jitni chaudi (theme isse 33% kar deti thi) */
  .main-product-template .product__media-gallery .thumbnail-slider .thumbnail-list__item,
  .main-product-template .product__media-gallery .thumbnail-slider .thumbnail-list__item.slider__slide {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }
  /* thumbnail strip ki chaudai (ye number = thumbnail ki size) */
  .main-product-template .product__media-gallery .thumbnail-slider,
  .main-product-template .product__media-gallery .thumbnail-slider .thumbnail-list {
    flex: 0 0 90px !important;
    width: 90px !important;
    max-width: 90px !important;
  }
  /* thumbnail image apne box me theek se fit ho */
  .main-product-template .product__media-gallery .thumbnail-slider .thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}



/* ===== AIK-style: sticky gallery + info + zyada spacing ===== */
@media screen and (min-width: 990px) {

  /* 1) Thumbnails ko fixed rakho jab tak badi image scroll hoti hai */
  .main-product-template .product__media-gallery .thumbnail-slider {
    position: sticky !important;
    top: 9rem;            /* navbar ke neeche ka gap */
    align-self: flex-start;
  }

  /* 2) Right side info panel (title/price/size/cart) bhi fixed */
  .main-product-template .product__info-container {
    position: sticky;
    top: 9rem;            /* upar waale jaisa hi number rakhna */
    align-self: start;
  }

  /* 3) Zyada saans lene ki jagah — AIK feel */
  .main-product-template .product__media-gallery { gap: 2.5rem !important; }
  .main-product-template .product__info-wrapper  { padding-left: 5rem !important; }
  .main-product-template .product__info-container > * { margin-top: 1.6rem; }
}

/* ===== AIK polish: clean spacing + calm look ===== */
@media screen and (min-width: 990px) {

  /* poore product area me thoda upar se neeche zyada space */
  .main-product-template .product__info-wrapper {
    padding-left: 6rem !important;
    padding-top: 1rem;
  }

  /* title aur description ke beech saaf gap */
  .main-product-template .product__title { margin-bottom: 1.2rem !important; }
  .main-product-template .product__text  { margin-bottom: 2rem !important; }

  /* price block calm */
  .main-product-template .price--large .price-item { font-weight: 400; }

  /* size buttons square + clean (AIK jaisa) */
  .main-product-template .product-form__input input[type="radio"] + label {
    border-radius: 0 !important;
    min-width: 4.6rem;
    padding: 0.9rem 1.4rem;
  }

  /* delivery / shipping info halka */
  .main-product-template .product__info-container svg { opacity: 0.85; }
}




/* ===== Thumbnails: HAMESHA poori image, kabhi crop nahi ===== */
@media screen and (min-width: 990px) {
  .main-product-template .product__media-gallery .thumbnail-slider .thumbnail,
  .main-product-template .product__media-gallery .thumbnail-slider .thumbnail.global-media-settings {
    overflow: visible !important;
  }
  .main-product-template .product__media-gallery .thumbnail-slider .thumbnail img,
  .main-product-template .product__media-gallery .thumbnail-slider .thumbnail--narrow img,
  .main-product-template .product__media-gallery .thumbnail-slider .thumbnail--wide img {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
  }
  /* box ko image ke shape jaisa portrait banao (khaali jagah kam, crop zero) */
  .main-product-template .product__media-gallery .thumbnail-slider .thumbnail-list__item::before {
    padding-bottom: 133% !important;
  }
}



/* ===== Thumbnails ke beech AIK-jaisa bada gap ===== */
@media screen and (min-width: 990px) {
  .main-product-template .product__media-gallery .thumbnail-slider .thumbnail-list {
    gap: 3.8rem !important;
    row-gap: 2.3rem !important;
  }
  /* extra margin hata do taaki gap ek-jaisa rahe */
  .main-product-template .product__media-gallery .thumbnail-slider .thumbnail-list__item {
    margin: 0 !important;
  }
}



/* ===== AIK-style CLEAN info column ===== */
@media screen and (min-width: 990px) {

  /* 1) Faltu wordy cheezein hatao */
  .main-product-template .dt-sc-enquiry-form,      /* "query / contact us" box */
  .main-product-template .product_payment_text,    /* "More payment Option" text */
  .main-product-template .product__view-details {  /* "View full details" link */
    display: none !important;
  }

  /* 2) Delivery / shipping lines — rakho par minimal */
  .main-product-template .from-main-product {
    font-size: 1.3rem;
    opacity: 0.8;
    margin: 0.4rem 0;
  }

  /* 3) Payment icons — chhote & subtle */
  .main-product-template .product__payment { margin-top: 1.6rem; opacity: 0.7; }
  .main-product-template .product__payment .icon { height: 2rem; width: auto; }

  /* 4) Title — saaf, medium weight */
  .main-product-template .product__title h1 {
    font-size: 2.6rem;
    font-weight: 500;
    line-height: 1.25;
  }

  /* 5) Price — calm, badge dark */
  .main-product-template .price .price-item { font-weight: 500; }
  .main-product-template .price .badge { background: #1a1a1a !important; }

  /* 6) Size buttons — clean square */
  .main-product-template .product-form__input input[type="radio"] + label {
    border-radius: 0 !important;
    min-width: 4.6rem;
    padding: 0.9rem 1.4rem;
    border-width: 1px !important;
  }

  /* 7) Add To Bag — solid black, AIK jaisa */
  .main-product-template .product-form__buttons button.product-form__submit {
    background: #1a1a1a !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    min-height: 5.2rem;
    letter-spacing: 0.05em;
  }
  .main-product-template .product-form__buttons button.product-form__submit:hover {
    background: #000 !important;
    color: #fff !important;
  }
  .main-product-template .shopify-payment-button__button {
    border-radius: 0 !important;
    min-height: 5.2rem;
  }

  /* 8) Accordions (Description/Shipping/Reviews) — lighter */
  .main-product-template .product__info-bottom.tabs .accordion__title,
  .main-product-template .product__accordion .accordion__title {
    font-weight: 500;
    letter-spacing: 0.02em;
  }

  /* 9) Overall — zyada saans lene ki jagah */
  .main-product-template .product__info-container > * { margin-top: 1.5rem; }
}



/* ===== Final polish: buttons hierarchy + clean accordions ===== */
@media screen and (min-width: 990px) {

  /* "Buy It Now" ko outline banao taaki black "Add To Bag" main button lage
     (do bhari rang ki jagah ek clean hierarchy — AIK feel) */
  .main-product-template .shopify-payment-button__button {
    background: #ffffff !important;
    color: #1a1a1a !important;
    border: 1px solid #1a1a1a !important;
  }
  .main-product-template .shopify-payment-button__button:hover {
    background: #1a1a1a !important;
    color: #ffffff !important;
  }

  /* Share line chhoti & subtle */
  .main-product-template .icon-with-text { opacity: 0.8; }
  .main-product-template .icon-with-text .share-button { font-size: 1.3rem; }

  /* Accordions ke beech saaf patli line (clean) */
  .main-product-template .product__info-bottom.tabs .summary__title {
    border-top: 1px solid rgba(0,0,0,0.08);
  }
}


/* ===== AIK-style tabbed card ===== */
@media screen and (min-width: 990px) {
  /* card border + rounded */
  .main-product-template .product__info-as-bottom-tabs {
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 10px;
    overflow: hidden;
    margin-top: 2rem;
  }
  /* tab headers row */
  .main-product-template .product__info-bottom.tabs {
    background: #f7f7f7;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    margin: 0;
    padding: 0;
  }
  .main-product-template .product__info-bottom.tabs .summary__title {
    flex: 1;
    justify-content: center;
    margin: 0 !important;
    padding: 1.4rem 1rem !important;
    border-right: 1px solid rgba(0,0,0,0.08);
  }
  .main-product-template .product__info-bottom.tabs .summary__title:last-child {
    border-right: none;
  }
  /* active tab = white (raised look) */
  .main-product-template .product__info-bottom.tabs .summary__title.active-tab {
    background: #fff;
  }
  /* content area padding */
  .main-product-template .product__info-as-bottom-tabs .dt-sc-tabs-content {
    border: none !important;
    padding: 2.4rem !important;
  }
}



/* ===== Right info panel ko normal scroll karo (freeze nahi) ===== */
@media screen and (min-width: 990px) {
  .main-product-template .product__info-container {
    position: static !important;
    top: auto !important;
  }
}






/* ===== AIK-jaisa symmetric spacing (left gap = right gap) ===== */
@media screen and (min-width: 990px) {
  /* left gap: thumbnails aur badi image ke beech */
  .main-product-template .product__media-gallery {
    gap: 6rem !important;
  }
  /* right gap: badi image aur details ke beech (same value) */
  .main-product-template .product__info-wrapper {
    padding-left: 6rem !important;
  }
}




/* ===== Left edge se thumbnails ka gap = thumbnails↔image ka gap ===== */
@media screen and (min-width: 990px) {
  .main-product-template .product__media-wrapper {
    padding-left: 5rem !important;
  }
}







/* ===== Tab card ko clean/proper size do ===== */
@media screen and (min-width: 990px) {
  /* tab headings chhoti & ek line me */
  .main-product-template .product__info-bottom.tabs .summary__title h6.accordion__title {
    font-size: 1.5rem !important;
    font-weight: 500 !important;
    line-height: 1.3;
  }
  .main-product-template .product__info-bottom.tabs .summary__title {
    padding: 1.3rem 1.2rem !important;
    margin: 0 !important;
  }
  /* content area — saaf padding + thodi minimum height (khaali na lage) */
  .main-product-template .product__info-as-bottom-tabs .dt-sc-tabs-content {
    padding: 2rem 2.2rem !important;
    min-height: 7rem;
    font-size: 1.4rem;
    line-height: 1.7;
  }
}