/** Shopify CDN: Minification failed Line 3392:0 Unexpected "}" **/ /* Owl Carousel */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* wol slider end */ .faux-select, body, button, input, select, textarea,.label, label:not(.variant__button-label):not(.text-label) { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-family: var(--typeBasePrimary),var(--typeBaseFallback) !important; font-size: calc(var(--typeBaseSize)*.92) !important; letter-spacing: var(--typeBaseSpacing) !important; line-height: var(--typeBaseLineHeight); text-rendering: optimizeSpeed; } .rte.collection__description h2 { font-size: 16px; margin: 10px 0; } h1, .h1 { font-size: 28px; } @media only screen and (min-width: 769px){ body, input, textarea, button, select { font-size:15px !important; } } /* =============== Header Start =============== */ .new_text sup { top: -1em; font-weight: bold; color: red; } header.site-header .h-wishlist-icon .wishlist-h-count.wishlist-total-count { background: #f4c83e!important; padding-left: 0!important; padding-top: 0.5px; right: -7px!important; top: 10px!important; } header.site-header .header-item.header-item--icons a.site-nav__link.site-nav__link--icon.js-drawer-open-cart { display: inline-flex; align-items: center; } /* div#CurrencyPicker-drawer { position: fixed; bottom: 8%; left: 2%; z-index: 9999999999; background: #ffffff; box-shadow: 0px 0px 2px #f4c83e; padding: 5px 10px; border-radius: 10px; } */ .site-header__logo{ margin: 0px 0; } span.icon__fallback-textt { text-transform: capitalize; vertical-align: bottom; } .header-layout a.header__icon.h-wishlist-icon.wishlist-page-widget svg.icon { max-width: 19px; } @media only screen and (min-width: 769px){ .site-header { padding: 5px 0; } } @media only screen and (max-width: 1000px){ .site-header__search-container { display: block !important; bottom: unset; overflow: unset; position: unset !important; } .site-header__search-container .site-header__search { position: unset; transform: none; } .site-header__search-container input#Search { background-color: #fff; border: 1px solid #000; margin-bottom: 0; font-size: 16px!important; border-radius: 0; width: 100%; } .st-desktop-searchbox.st-hidden-sm { display: none; } } @media only screen and (max-width: 768px){ predictive-search form { margin: 0 10px 0 10px; } } /* =============== Header End =============== */ /* =============== Body Start =============== */ h2.section-header__title, .section-header h2, #insta-feed h2, h3.section-header__title, h2.ssw-instagram-grid-title, h2.ssw-instagram-slide-title { color: #000; font-family:var(--typeBasePrimary), var(--typeBaseFallback) !important; letter-spacing: 0.2em; font-size: 25px; } .custome_sub_heading { font-size: 18px; margin-bottom: 25px; font-weight: 400; font-style: normal; color: #5c5c5c; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 0; } a.btn.btn--secondary.btn--small.section-header__link { background: #f4c83e !important; color: black !important; border: 1px solid #000; font-weight: 700; } .grid-product__title { font-family:var(--typeBasePrimary), var(--typeBaseFallback) !important; font-size: 14px !important; overflow: hidden; text-transform: capitalize !important; letter-spacing: .5px !important; font-weight: 500; } h2, .h2 { font-size: 20px; } a.btn { background: #f4c83e !important; color: black !important; border: 1px solid #000; font-weight: 700; } .slick-dots li button:before{ font-size: 10px !important; } .slick-dots li{ margin: 0 !important; } ul.slick-dots { margin-top: 15px; position: relative; bottom: 0; } @media only screen and (min-width: 769px){ .index-section { margin: 30px 0!important; } .section--divider { padding-top: 30px; } } @media only screen and (max-width: 768px){ h2.section-header__title, .section-header h2, #insta-feed h2, h3.section-header__title, h2.ssw-instagram-grid-title, h2.ssw-instagram-slide-title{ font-size: 14px; } } /* =============== Body End =============== */ /* =============== Footer Start =============== */ .footer__logo img { width: 100%; object-fit: contain; } .footer__title { font-weight: 600; font-size: 16px; letter-spacing: 2px; font-family:var(--typeBasePrimary), var(--typeBaseFallback) !important; } /* =============== Footer End =============== */ /* =============== PDP Start =============== */ /* body.template-product nav.breadcrumb { display: none; } */ .Product-discount_text { display: inline-flex; width: 100%; align-items: center; max-width: 350px; border: 1px solid rgb(235, 237, 238); padding: 15px 10px; margin-top: 5px; margin-bottom: 0px; } .inner_disc.sandeep h6 { text-align: center !important; font-family: Futura,sans-serif !important; text-transform: uppercase; letter-spacing: .5px; font-size: .75em; margin-bottom: 10px; } .productOffersIcon i.fa.fa-percent { border: 2px solid #ffc0cb; padding: 8px; border-radius: 50px; color: #FFC0CB; } .main_discount_text h4 { margin-top: 20px; text-transform: uppercase; letter-spacing: .5px; font-size: .75em; } body.template-product h1.h2.product-single__title { font-family: Futura,sans-serif; margin-top: 10px; text-transform: capitalize; } /* body.template-product nav.breadcrumb { display: none; } */ .PDP_price .product__price { font-size: 20px; font-weight: 600; } .PDP_price .product__price.product__price--compare { font-size: 13px; font-weight: normal; } p.mrp_text { display: inline-block; margin: 0; } .PDP_price .product-block.product-block--price { margin: 0; } body.template-product .PDP_price span.product__price-savings { display: none; } .product-block[data-dynamic-variants-enabled] { margin-top: 20px; } p.product-single__sku { text-align: left; margin-top: 10px; } div#shopify-block-wishlist_engine_product_page_nRqJzk { display: flex; justify-content: center; align-items: center; border: 1px solid #000; margin-bottom: 20px; } .template-product .wishlist-engine span.wishlist-text { /* font-family: Futura,sans-serif !important; */ text-transform: capitalizes; font-size: 15px; font-weight: 700; letter-spacing: .5px; } .product-block.PDP_buy_buttons, .product-block.PDP_buy_buttons .product-block { margin-bottom: 20px !important; } /* =============== PDP End =============== */ /* Anand Css Start */ /* =============== Homepage CSS Start =============== */ html.js.supports-touch { padding: 0 !important; } body.template-index { overflow-x: hidden; } /* =============== Header CSS =============== */ .site-header { padding: 12px 0; } .site-nav__icons { display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: end; } .site-nav__icons a.site-nav__link, a.header__icon.h-wishlist-icon { display: flex; flex-direction: column; align-items: center; gap: 5px; } .site-nav__icons .wishlist-icon{ position: relative; } .site-nav__icons .site-nav__link--icon .icon { height: 36px !Important; width: 36px !Important; } .site-nav__icons .h-wishlist-icon svg { height: 36px !important; width: 28px !important; max-width: 100% !important; color: #e9718b; } header.site-header .h-wishlist-icon .wishlist-h-count.wishlist-total-count { top: 0px !important; color: #000; } .site-nav__icons a span.text { font-size: 14px; letter-spacing: 0px; display: none; } .header-item.header-item--logo { margin: 0 !important; flex: unset !important; -ms-flex: unset !important; -webkit-box-flex: unset ! IMPORTANT; } .header-item.header-item--left.header-item--navigation { flex: unset !important; width: 100% !important; } .header-item--left .site-nav { margin-left: 0; width: 100% !important; text-align: center !important; justify-content: center !important; display: flex; } .st-desktop-searchbox { width: 90% !important; max-width: 100% !important; position: relative !important; right: 0 !important; display: flex !important; justify-content: center !important; } /* Added by team searchtap */ .st-desktop-searchbox .st-search-bar input { height: 50px !important; border: 2px solid #888888 !important; border-radius: 40px !important; } .st-desktop-searchbox .st-search-bar input:hover { border: 2px solid #000000 !important; } .st-desktop-searchbox .st-search-bar input::placeholder { opacity: 0.8; font-weight: 500; } /* added by team searchtap ends */ .site-nav.site-navigation .site-nav__link { text-transform: capitalize !important; letter-spacing: .1em !important; font-size: 18px !important; padding: 1.05rem 1.05rem 0 !important; } .site-nav.site-navigation .site-nav__link:hover { color: #e9718b !important; } .site-nav.site-navigation .site-nav__link:after { border-bottom-color: #e9718b; } .hero { overflow: visible; } .index-section--hero { padding-bottom: 30px; } .hero .flickity-page-dots { color: #e9718b; bottom: -15px ! IMPORTANT; } .site-nav__dropdown li:hover a { color: #e9718b !Important; } .site-nav__dropdown .svg-mask.svg-mask--landscape { display: none; } @media screen and (max-width:768px){ .header-item.header-item--logo { order: 1; } .header-item.header-item--left.header-item--navigation { order: 0; margin-left: -10px; width: auto !important; } .header-item--left .site-nav { justify-content: start ! IMPORTANT; } .header-item--icons { order: 2; flex: unset !important; } .header-layout a.header__icon.h-wishlist-icon.wishlist-page-widget svg.icon { max-width: 19px ! IMPORTANT; } .site-nav__icons a span.text { display: none; } .site-nav__icons .site-nav__link--icon .icon { height: 25px !important; width: 25px !important; } .site-header__search { background-color: #fbfbfb !important; } .mobile-nav__item a { text-transform: capitalize !important; letter-spacing: normal; font-size: 16px; } .site-nav__icons { gap: 15px; } } /* =============== Countdown CSS Start =============== */ .index-section { margin: 1.6rem 0 !important; position: relative; } .countdown-layout--banner .countdown__block { width: 50%; margin: 0; } .main_counter.content .countdown__heading h2 { text-align: left; /* font-size: 28px !important; font-weight: 500; */ text-transform: capitalize; margin-bottom: 10px; } .main_counter.content .countdown__richtext { text-align: left; font-size: 14px; margin-bottom: 10px; } .countdown__block.countdown__block--timer { position: relative; } countdown-timer { position: absolute; top: -10px; } .countdown__display { display: flex; justify-content: center; gap: 6px; } /* .countdown__display-block { padding: 4px 6px; position: relative; overflow: hidden; border-radius: 5px; border: 1px solid #000 ! IMPORTANT; align-items: center !important; justify-content: center; width: 100%; } .countdown__display-block h2 { font-size: 14px; } .countdown__display-block span { font-size: 8px !important; letter-spacing: 0; } */ .main_counter.count-btn { text-align: left; } a.btn { border: none; border-radius: 10px !important; font-size: 14px; line-height: 1; text-transform: capitalize !important; letter-spacing: normal; } @media screen and (max-width:768px){ .countdown-layout--banner .countdown__content { padding: 0; } .countdown-layout--banner .countdown__block { width: 100%; margin: 0; margin-bottom: 10px; } /* .main_counter.content .countdown__heading h2 { font-size: 24px !important; } */ countdown-timer { position: relative; top: 0; } .countdown__display-block { padding: 10px; max-width: 100px; } .countdown__display-block h2 { font-size: 18px; margin-bottom: 5px; } .countdown__display-block span { font-size: 10px !important; } .main_counter.count-btn { margin-top: 10px; } a.btn { padding: 10px 30px; } .index-section { margin: 1rem 0 !important; } .countdown__block.countdown__block--button { margin: 0 !important; } .countdown__display { justify-content: start; } .countdown__text-wrapper img{ width: 100%; } } @media screen and (min-width:768px) and (max-width:1025px){ .countdown-layout--banner .countdown__block img{ min-height: 150px; } } /* =============== Categories Logo CSS Start =============== */ .logo-bar.custom_slider_logo { position: relative; } .logo-bar__item { margin: 0 10px 0px; } .logo-bar.custom_slider_logo button.arrow.slick-arrow { position: absolute; top: 30%; background: #f4f4f4; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 100%; font-size: 22px !important; z-index: 9; } .logo-bar.custom_slider_logo button.arrow.PrevArrow.slick-arrow { left: -1.7%; } .logo-bar.custom_slider_logo button.arrow.NextArrow.slick-arrow { right: -2%; } .logo-bar.custom_slider_logo p.heding_logos { margin: 0; margin-top: 10px; font-size: 16px; } .logo-slider-sec:has(> div.medium-up--hide) { display: none; } @media screen and (max-width:768px){ .logo-bar__item { margin: 0 5px; } .logo-bar.custom_slider_logo p.heding_logos { font-size: 12px; line-height: 16px; } .logo-slider-sec{ position:relative; overflow: hidden; } .logo-slider-sec .page-width[data-aos="logo__animation"]{ padding: 0; } .logo-slider-sec:has(> div.medium-up--hide) { display: block; } .logo-slider-sec:has(> div.st-hidden-sm) { display: none; } } @media screen and (min-width:992px) and (max-width:1025px){ .logo-bar.custom_slider_logo button.arrow.PrevArrow.slick-arrow { left: -3%; } .logo-bar.custom_slider_logo button.arrow.NextArrow.slick-arrow { right: -3%; } } /* =============== Promo grid CSS Start =============== */ .promo-grid--space-bottom { padding-bottom: 1.6rem; } .promo-grid--space-top { padding-top: 1.6rem; } .promo-grid__text .rte--block.rte--em { font-size: 28px; letter-spacing: 0; margin-bottom: 10px; line-height: 1; text-transform: capitalize; } .promo-grid__text .rte--block { font-size: 18px; letter-spacing: 1px; margin-bottom: 10px; } .promo-grid__text a.btn { margin: 0; background: #ffdde4 !important; } a.btn.btn--secondary.btn--small.section-header__link { border: none !important; position: absolute; right: 0; top: 0; } .promo-grid__container { border-radius: 4px; } .promo-grid__bg { position: relative !important; max-height: 750px; height: auto; } .complete-your-look .promo-grid__bg { position: absolute !important; max-height: unset !important; height: 100% !important; } @media screen and (max-width:768px){ .promo-grid__text .rte--block.rte--em { font-size: 24px; margin-bottom: 6px; } .promo-grid__text .rte--block { font-size: 16px; margin-bottom: 6px; } .promo-grid__text a.btn { padding: 10px 30px !important; } .promo-grid__text h2.rte--block { margin-bottom: 6px; font-size: 26px !important; } .promo-grid .flex-grid__item{ padding-top: 15px !important; } .promo-grid__bg { position: relative !important; max-height: 365px; height: auto; } .promo-grid .flex-grid__item { min-height: auto; } .complete-your-look .promo-grid__bg { position: absolute !important; max-height: unset !important; height: 100% !important; } } /* =============== Best Seller CSS Start/Product grid =============== */ .section-header--with-link.section-header { margin-bottom: 1rem; } .grid__item.grid-product .product_badge_coll { position: absolute; z-index: 9; display: flex; width: 100% !important; justify-content: space-between; align-items: center; padding: 5px; } .grid__item.grid-product .product_badge_coll .left { display: flex; gap: 5px; } .grid__item.grid-product p.product_sale_badgeclaa { margin: 0; background: #f4c83e; color: #000; padding: 5px 5px; font-size: 12px; border-radius: 5px; } .grid-product__tag.grid-product__tag--sold-out { position: relative; border-radius: 5px; background: #f4c83e; padding: 5px; color: #000; font-size: 12px; display: flex; align-items: center; justify-content: center; } /* .grid__item.grid-product .wishlist-engine { position: absolute; right: 5px; top: 5px; } */ .grid__item.grid-product .wishlist-engine .wishlist-engine-button { border-radius: 100%; padding: 6px; background: #ffdde4 !important; } .grid__item.grid-product .wishlist-engine .wishlist-engine-button svg { color: #ffdde4 !important; width: 14px; height: 14px; } .grid__item.grid-product .wishlist-engine .wishlist-engine-button svg path { stroke: #f80033 !important; } .grid__item.grid-product .wishlist-engine[data-added="true"] .wishlist-engine-button svg path{ fill: #f80033 !Important; } .grid__item.grid-product .jdgm-widget.jdgm-preview-badge { position: absolute; z-index: 9; bottom: 5px; left: 5px; } .grid__item.grid-product .jdgm-widget.jdgm-preview-badge .jdgm-prev-badge { background: #fff; padding: 5px 10px; border-radius: 100px; } .grid__item.grid-product .jdgm-prev-badge__stars span.jdgm-star { display: none !important; } .grid__item.grid-product .jdgm-prev-badge__stars span.jdgm-star:first-child { display: inline-block !important; font-size: 14px; } .grid__item.grid-product .jdgm-prev-badge__text { font-size: 14px; border-left: 1px solid #000; padding-left: 5px; } .grid-product__tag.grid-product__tag--sale { display: none; } .grid-product__meta .grid-product__price { text-align: left; } .grid-product__meta .grid-product__price { text-align: left; color: #7d7d7d; } .grid-product__meta .grid-product__title.grid-product__title--heading { margin: 5px 0; text-transform: capitalize !important; font-size: 16px !important; color: #444444 !important; font-weight: 500 !important; line-height: 24px !important; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .grid-product__meta .grid-product__price--original span.money{ color: #a5a5a5 !important; } .grid-product__meta span.money { color: #000 !important; font-weight: 600; } .grid__item.grid-product button.btn.btn--full { background: #ffdde4 !important; border-radius: 5px !important; text-transform: capitalize; } .section-header--with-link.section-header { position: relative; } .section-header__title { font-size: 28px !important; /* font-weight: 500; */ text-transform: capitalize !important; letter-spacing: 0 !important; line-height: 36px; } .section-header { margin-bottom: 1rem; } .collection-item--below .collection-item__title { margin-top: 20px; } .collection-item__title span { font-size: 18px !important; letter-spacing: 0 !important; line-height: 22px !important; } .custom-color-option { min-height: 26px; display: flex; justify-content: center; margin-bottom: 10px; } @media screen and (max-width:768px){ h2.section-header__title, .section-header h2, #insta-feed h2, h3.section-header__title, h2.ssw-instagram-grid-title, h2.ssw-instagram-slide-title { font-size: 20px !important; text-align: left; line-height: 1; } .section-header--with-link a.btn.btn--secondary.btn--small.section-header__link { background: transparent ! IMPORTANT; padding: 0 !important; position: relative !important; text-align: right; border-bottom: 1px solid #000 !important; border-radius: 0 !important; display: inline-block !important; min-width: unset !important; } .grid__item.grid-product .jdgm-prev-badge__stars span.jdgm-star:first-child { font-size: 10px; } .grid__item.grid-product .jdgm-prev-badge__text { font-size: 10px; } .grid-product__meta .grid-product__title.grid-product__title--heading { font-size: 14px !important; } .grid-overflow-wrapper .grid__item { flex: 0 0 48vw; width: 48vw; } .collection-item__title span { font-size: 15px !important; color: #4a4a4a !important; line-height: 18px !important; } .collection-item--below .collection-item__title { margin-top: 10px; } .custom-color-option { min-height: 22px; } .grid__item.grid-product p.product_sale_badgeclaa { font-size: 10px; } .grid-product__tag.grid-product__tag--sold-out { font-size: 10px; } } /* =============== Hotspot CSS Start =============== */ h2.hotspots__title { padding: 0; font-size: 28px; letter-spacing: 0; margin-bottom: 1rem; line-height: 1; text-transform: capitalize !important; text-align: center !important; } .background-media-text__text { background: #ffffffc4 !Important; border-radius: 6px !Important; padding: 30px !Important; width: 500px !Important; } .background-media-text__text p.h5 { letter-spacing: 0; text-transform: capitalize !important; font-size: 16px; } .background-media-text__text p.h3 { text-transform: capitalize; letter-spacing: 0; margin-bottom: 10px; font-size: 28px; } .background-media-text__text .btn { margin-top: 0; } .promo-grid__text h2.rte--block { text-transform: capitalize !important; margin-bottom: 10px; font-size: 28px !important; } .sec-space { padding: 1.6rem 0; } p.promo-grid__title.h2 { text-transform: capitalize; font-size: 28px; background: #6a0d18d6; padding: 20px; border-radius: 6px; box-shadow: 0px 0px 20px #ffffffa3; } .hotspots-section .hotspots-wrapper { justify-content: center; } .hotspots { /* width: 60%; */ width: 45%; } .hotspots__content { /* width: 40%; */ width: 25%; } .hotspot-content__block .custom-color-option { justify-content: flex-start; } .testimonials-section--with-divider { border: 0; padding-top: 0 !important; } .testimonials-section .section-header h2 { font-size: 28px !important; letter-spacing: 0 !important; line-height: 1; text-transform: capitalize !important; text-align: center !important; } .testimonials-slide { padding: 15px 0 55px; } .testimonials-slide.is-selected { z-index: 9; } .testimonials-slide.is-selected .testimonials-slider__text { background: #ffdde4; } .testimonials-slide .testimonials-slider__text { background: #ffdde4; } @media screen and (max-width:768px){ .promo-grid__text h2.rte--block { margin-bottom: 6px; font-size: 24px !important; } .background-media-text__text { padding: 15px !important; width: 100% !important; } .background-media-text__text p.h3 { font-size: 24px; } p.promo-grid__title.h2 { font-size: 16px; padding: 16px; } /* .promo-grid--space-top { padding-top: 0; } .promo-grid--space-bottom { padding-bottom: 0; } */ .sec-space { padding: 0; } .hotspots__content { padding: 0 !important; padding-top: 20px !important; } .hotspots__content button { margin-top: 20px; } .hotspots { width: 100%; } .hotspots__content { width: 100%; } .hotspot-content__block .custom-color-option { position: absolute; right: 54%; bottom: -5%; } .hotspot-content__block .custom-color-option .grid-product__colors { flex-direction: row; flex-wrap: nowrap; } .testimonials-slider__text { margin: 0; } .testimonials-slide { padding: 10px 0; } .testimonials-slide.is-selected .testimonials-slider__text { box-shadow: none; } .testimonials-slider.flickity-enabled .flickity-viewport { height: auto !important; min-height: 300px; } .site-header { padding: 10px 0 10px; } .announcement-bar { padding: 5px 0; } .logo-bar .owl-dots { display: none; } .index-section--hero { padding-bottom: 0px; } } /* =============== Homepage CSS End =============== */ /* =============== Collection Page CSS Start =============== */ .collection-hero { height: 350px !important; } .collection__description h2 { color: #000 !important; font-weight: 600; } .collection__description p { color: #121212 !important; font-size: 14px; } .pagination .next, .pagination .prev { border-radius: 100%; } .tag__checkbox:before { border-color: #000; } .collapsible-content--sidebar.is-open { height: 100% ! IMPORTANT; } .collapsible-content__inner .tag-list .tag--swatch { display: block; } @media screen and (max-width:768px){ .pagination .next, .pagination .prev { height: 35px; display: inline-flex; justify-content: center; align-items: center; } .collection__description h2 { line-height: 24px; } /* Added by team searchtap */ body.st-no-scroll .collection-filter{ display: none; } /* Added by team searchtap ends */ .collection-filter { z-index: 100; } .collection-hero { height: 100% !important; } .breadcrumb { margin-bottom: 0 !important; } .drawer--left.drawer--is-open { z-index: 999; } .collection-hero .section-header__title { font-size: 20px !important; line-height: 30px; } .collection-hero .section-header { margin-bottom: 0; } .collection-grid__wrapper .grid { margin-left: -5px !important; margin-right: -5px !important; } .collection-grid__wrapper .grid__item.grid-product button.btn { width: 100%; padding: 10px; } .collection-grid__wrapper .grid-product { text-align: center; } } /* =============== Collection Page CSS End =============== */ /* =============== Product Page CSS Start =============== */ .product__thumb-item .image-wrap image-element{ position: relative; } .product__thumbs--below .product__thumb-item { margin-right: 5px; } .PDP_price .product__price { font-size: 24px; } .PDP_price .product__price.product__price--compare { font-size: 12px; font-weight: 400; color: #7d7d7d; position: relative; top: -4px; } .PDP_price p.mrp_text { color: #7d7d7d; font-size: 12px; position: relative; top: -5px; } .PDP_price #sm-widget-btn.snap_emi_txt { margin-top: -5px !important; margin-bottom: 0px !important; max-width: max-content !important; } .PDP_price .snap_emi_txt .snap-emi-inst b { color: #7d7d7d; /* font-family: Montserrat, sans-serif !important; */ font-size: 10px !important; } .snap-emi-slogan { font-size: 10px !important; /* font-family: Montserrat, sans-serif !important; */ } .snap-emi-slogan span { font-size: 10px !important; /* font-family: Montserrat, sans-serif !important; */ } .product-single__meta .product-single__title { color: #7d7d7d; font-size: 16px; /* font-family: 'Montserrat' ! IMPORTANT; */ /* font-weight: 500; */ } .discount_slideMain h6 { font-size: 15px !important; color: #4a4a4a !important; letter-spacing: 0; font-weight: 900 !important; } .discount_slideMain .copy_discount { font-size: 18px !important; } .discount_slideMain p { font-size: 10px !important; letter-spacing: 0; margin: 0; } .product-single__meta .jdgm-prev-badge { color: #7d7d7d; } .product-single__meta .variant-wrapper label.variant__label { font-size: 15px !important; color: #4a4a4a !important; font-weight: 500; text-transform: capitalize; } .product-single__meta .variant-wrapper label.variant__button-label { font-size: 12px; border-radius: 6px; } .product-single__meta .variant-wrapper .variant-input-wrap input[type=radio]:checked+label { box-shadow: 0 0 0 2px #f4c83e; } .product-single__meta .product__quantity { display: flex; align-items: center; gap: 20px; } .product-single__meta .product__quantity label{ margin: 0; font-size: 15px !important; color: #4a4a4a !important; font-weight: 500; text-transform: capitalize; } .product-single__meta .product__quantity .js-qty__num { border-radius: 6px; } .product-single__meta .product__quantity .js-qty__wrapper { max-width: 150px; } .product-single__meta button.btn.btn--full.add-to-cart { border-radius: 6px; text-transform: capitalize; padding: 10px; background: #ffdde4; } .product-block.PDP_buy_buttons { width: 60%; } div#shopify-block-wishlist_engine_product_page_nRqJzk { width: 38%; float: right; border-radius: 6px; text-transform: capitalize; font-size: 20px !important; padding: 2px; background: #ffdde4; border: none; } .product-single__meta button.btn.btn--full.add-to-cart:hover { background: #ffdde4 !important; } .main_offer_sliders { position: relative; overflow: hidden; margin-bottom: 20px; margin-top: 30px !important; } .discount_slideMain.slick-slide { display: flex !important; max-width: 125px; margin: 0 5px; flex-direction: column; width: 100%; } .discount_slideMain.slick-slide .inner_border_div { padding: 15px; border: 1px solid #000; border-radius: 5px; margin-bottom: 5px; min-height: 140px; } .discount_slideMain p { margin-bottom: 5px; } .activecoppicy .data-code { text-align: center; font-size: 12px; } .main_offer_sliders h4 { font-size: 15px !important; color: #4a4a4a !important; font-weight: 500; text-transform: capitalize; letter-spacing: normal; } .variant__input--color-swatch[checked="checked"] + .color-with-name { box-shadow: 0 0 0 1px #eee; } label.variant__button-label.color-swatch { text-indent: unset; width: fit-content !important; border-radius: 6px !important; padding: 7px 15px 7px 7px !important; font-size: 10px !important; line-height: 1 !important; height: auto !important; margin-right: 10px !important; display: flex; align-items: center; gap: 6px; } label.variant__button-label.color-swatch span.color { display: inline-block; width: 20px; height: 20px; border-radius: 100%; } span.color-name { font-size: 12px; } .product-single__meta .product-block.product-block--tab { margin-bottom: 10px; } .product-single__meta .collapsibles-wrapper--border-bottom { margin-bottom: 10px; } .product-single__meta button.label.collapsible-trigger.collapsible-trigger-btn.collapsible-trigger-btn--borders { text-align: left; border-bottom: 1px solid #eee; font-size: 14px !important; text-transform: capitalize; } .product-single__meta button.label.collapsible-trigger.collapsible-trigger-btn p { margin: 0; text-transform: capitalize !important; font-size: 14px ! IMPORTANT; } .product-single__meta button.label.collapsible-trigger.collapsible-trigger-btn p b { font-weight: 100; } .product-single__meta .custome_text_addres { border: none; padding: 0px; } .product-single__meta .kok_pm { line-height: normal !Important; color: #000 !Important; } .product-single__meta .collapsible-trigger-btn--borders+.collapsible-content .collapsible-content__inner{ padding-top: 20px !important; color: #000; line-height: 22px; } .product-block--tab+.product-block--tab { margin-top: 0; border-top: 1px solid #e8e8e1; } product-recommendations h3.section-header__title { font-size: 18px !important; font-weight: 600; } .grid-product__meta { text-align: left!important; } @media screen and (max-width:768px){ .product-single__meta { text-align: left !important; } .PDP_price #sm-widget-btn.snap_emi_txt { margin-left: 0 !important; } a.btn.btn--small.return-link { width: auto; } .grid-product__price { font-size: 11px !IMPORTANT; } .grid-product__price--savings { font-size: 11px; } .small--grid--flush .grid-product__meta { padding-left: 5px; padding-right: 5px; text-align: left; } .grid-product__meta { text-align: left; } div#huratips-addtocart-sticky button.btn.add-to-cart { background: #ffdde4 !important; font-size: 24px !important; text-transform: uppercase; } div#shopify-block-wishlist_engine_product_page_nRqJzk { width: 100%; float: unset; } .background-media-text .parallax-container { height: 200% !Important; top: 0% !important; } .background-media-text__aligner { margin: -190px 6px 50px; } .product__main-photos { margin-bottom: 0px; } .template-product .product-slideshow .flickity-page-dots { bottom: 10px; position: absolute; color: #fff; } .template-product .product-slideshow .flickity-page-dots .dot { box-shadow: 0 0 2px rgba(0,0,0,0.6); } .modal-body{ padding: 10px !important; } .page-content--product { padding-bottom: 0; } product-recommendations .page-width { padding-left: 0; } product-recommendations .grid-overflow-wrapper .grid__item { flex: 0 0 47vw; width: 47vw; } product-recommendations .grid-overflow-wrapper .grid__item:first-child { margin-left: 0px !important; } } @media screen and (min-width:769px) and (max-width:1025px){ div#shopify-block-wishlist_engine_product_page_nRqJzk { width: 25%; } .product-block.PDP_buy_buttons { width: 73%; } .template-product .wishlist-engine span.wishlist-text { display: none; } } /* =============== Product Page CSS End =============== */ /* =============== Mini Cart CSS Start =============== */ .cart__item-row ul { list-style: none; } .cart__item-row ul { list-style: none; margin: 0; text-align: left; } .cart__item-row ul li.custome_discoun_text_crt:first-child { text-align: left; margin-bottom: 15px; font-size: 14px; line-height: inherit; color: #cc0000; letter-spacing: 0; list-style: none; margin-left: 0px; } .cart__item-row ul li.custome_discoun_text_crt { list-style: disc; font-size: 12px; margin-bottom: 5px; margin-left: 15px; } .cart__item-row ul li.custome_discoun_text_crt p { margin: 0; } .cart__item-row ul li.custome_discoun_text_crt p strong{ color: #cc0000; } .cart__checkout-wrapper button.btn.cart__checkout { background: #ffdde4 !important; text-transform: capitalize; font-size: 15px !important; color: #4a4a4a !important; } @media screen and (max-width:768px){ div#CartDrawer { z-index: 99999!important; } } /* =============== Mini Cart CSS End =============== */ /* =============== Wishlist Page CSS Start =============== */ .wishlist-page .wishlist-cart.wishlist-move-cart { background: #ffdde4 !important; border-radius: 5px !important; text-transform: capitalize; color: #000 !important; font-size: 15px !important; font-weight: 700; } .wishlist-page .wh-pro-meta a,.wishlist-page .wihslist-meta h3 a,.wishlist-page .ws_gridmeta h4 a { text-align: left; color: #7d7d7d; text-transform: capitalize !important; font-size: 15px !important; color: #4a4a4a !important; line-height: 24px !important; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .wishlist-page .wishlist-price span.money { color: #000 !important; font-weight: 600; font-size: 14px; } .wishlist-page button.wishlist-remove.wishlist_page_remove_product { background: #fcdae1; border-radius: 100%; width: 30px; height: 30px; } /* =============== Wishlist Page CSS End =============== */ /* =============== Footer CSS Start =============== */ .footer__logo img { max-width: 300px ! IMPORTANT; } .site-footer .collapsible-content__inner p a { line-height: 24px; } @media screen and (max-width:768px){ .site-footer .collapsible-trigger__icon { right: 50px !important; background: #fff !important; width: 20px !important; height: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 100% !important; } } /* =============== Footer CSS End =============== */ /* =============== Page CSS Start =============== */ .template-page .section-header, .template-blog .section-header{ margin-bottom: 2rem; } .template-page .section-header h1.section-header__title, .template-blog .section-header h1.section-header__title{ /* font-weight: 600; */ /* font-family: Montserrat, sans-serif !important; */ } .template-page .rte p, .template-page .rte div { color: #7d7d7d; /* font-family: Montserrat, sans-serif !important; */ } .template-page .rte p strong, .template-page .rte div strong { color: #000; text-decoration: underline; /* font-family: Montserrat, sans-serif !important; */ } .our-story-know-more-about-unniyarcha .rte p, .our-story-know-more-about-unniyarcha .rte div { text-align: center; } .template-blog .article__date, .sitemap-sec ul li a { color: #7d7d7d !important; } /* =============== Page CSS End =============== */ /* klocNinja css */ section.jdgm-widget.jdgm-revs-tab.jdgm--done-setup-widget{display:none!important}.custome_text_addres{border:dotted gray;padding:20px}.kok_pm{line-height:60px;color:gray}.alldata_addres{line-height:30px}a.links_dv{color:#00f}.fit_guide img{width:100%;max-width:150px}div#CartDrawer .drawer__footer ul.kloc_new_text{margin-left:15px}@media only screen and (max-width:768px){.modal-dialog.vertical-align-center,div#remove_modal .modal-dialog.vertical-align-center,div#wishlist_share_modal .modal-dialog.vertical-align-center{display:block!important}}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:100px;color:#000;text-align:center;border-radius:6px;padding:0;position:absolute;z-index:1;bottom:70%;left:50%;margin-left:-50px}.tooltip:hover .tooltiptext{visibility:visible}.Quick_shipping_text{position:absolute;z-index:9;color:#000;background:#ffd1dc;top:0;border-radius:0 3px 3px 0}.Quick_shipping_text p{margin:0;padding:3px 10px;font-size:13px}@media only screen and (max-width:480px){.fit_guide img{width:100%;max-width:130px}.Quick_shipping_text p{font-size:10px}}@media (max-width:767px){.desktop_viewss{display:none!important}.mobile_viewss{display:block!important}.collection-hero.height_new{height:auto}}.datahide,.mobile_viewss{display:none}.bacurr-choiceDesign{bottom:10px!important;left:-10px!important}body.template-cart .kloc_new_text ul li.list-style-new:first-child{position:relative;left:-15px;list-style:none} /*End klocNinja css */ @media screen and (max-width: 768px){ .mobile-nav__sublist .mobile-nav__faux-link, .mobile-nav__sublist .mobile-nav__link { font-weight: 600; padding: 15px 20px; } .mobile-nav__item a { font-weight: 600; } .mobile-nav__item:after { border-bottom-color: #7a7a7a; } .mobile-nav__sublist .mobile-nav__link:after { content: ''; position: absolute; border-bottom: 1px solid #7a7a7a; left: 20px; bottom: 0; right:20px } .mobile-nav__sublist .mobile-nav__item:last-child .mobile-nav__link:after{ content: none; } .mobile-nav__grandchildlist:before { content: none; } } /* Announcement bar timer */ .countdown-layout--banner .countdown__content { padding: 0; } .countdown__block.countdown__block--timer { position: relative; display: flex; justify-content: center; gap: 20px; margin: 0; } .main_counter.content .countdown__heading h2 { font-weight: bold; font-size: 16px; color: #b93333; margin: 0; padding: 0; line-height: 1.2; letter-spacing: normal; text-transform: none; text-align: left; } .main_counter.content .countdown__richtext { font-size: 10px; color: #000; line-height: 1.2; letter-spacing: normal; padding: 0; margin: 0; font-weight: 600; } .countdown__display-block { padding: 0; } .countdown__display { gap: 5px; font-weight: 600; } .countdown__display-block h2 { font-size: 16px; margin: 0; font-weight: 600; } .countdown__display-block span { font-size: 10px; margin: 0; text-transform: capitalize; letter-spacing: 0; font-weight: 600; line-height: 1; } countdown-timer { position: relative; top: unset; display: flex; align-items: center; } @media screen and (max-width:767px){ .countdown__block.countdown__block--timer { gap: 10px; margin: 0; padding: 5px; } .main_counter.content .countdown__heading h2 { font-size: 16px; } .main_counter.content .countdown__richtext { font-size: 12px; } .countdown__display-block h2 { font-size: 20px; } .countdown__display-block span { font-size: 10px !important; } .main_counter.count-btn { margin-top: 0; } .testimonials-section .flickity-page-dots { bottom: -10px; position: relative; } .background-media-text__container{ height: 100%; } body .baDropdownStyle.mobile_bottom_left:not(.hideOnMobile) { bottom: 70px !important; } } /* Header seach suggestion css */ .st-desktop-searchbox .st-after-box { width: 100% !important; max-width: 100% !important; margin: 0 !important; } @media screen and (min-width:769px) and (max-width:1024px){ .site-nav__dropdown .grid { display: flex; justify-content: space-around; } .site-nav__dropdown .grid .medium-up--one-fifth { width: auto; } .grid__item.grid__item--sidebar { padding-left: 0; } product-recommendations .page-width.page-width--flush-small { padding: 0; } product-recommendations .product-recommendations-placeholder { position: relative; overflow: scroll; } .product-recommendations-placeholder .grid { position: relative; max-width: 1000px; display: flex; flex-direction: row; width: max-content; } .product-recommendations-placeholder .grid .grid__item { width: auto; } } .kl_hd_btn { pointer-events: none; } .ultimate-gift-sec .promo-grid__container { align-items: unset !important; } .ultimate-gift-sec .promo-grid.promo-grid--space-top { padding-top: 0; } .ultimate-gift-sec .flex-grid__item { padding-top: 0 !important; } div#is-a-gift { text-align: left; margin: 0 0 20px ! IMPORTANT; } input#gift-wrapping { width: 16px; height: 16px; background-color: white; border-radius: 50%; vertical-align: middle; border: 2.5px solid #888; appearance: none; -webkit-appearance: none; outline: none; cursor: pointer; margin-right: 0px; } input#gift-wrapping:checked { background-color: #000; } div#is-a-gift label{ font-size: 12px !Important; } .logo-slider-sec { overflow: hidden; } .logo-slider-sec .owl-carousel .owl-nav button { position: absolute; top: 35%; height: 100%; transform: translate(0%, -50%); } .logo-slider-sec .owl-carousel .owl-nav button:before { content: ''; position: absolute; width: 100px; height: 100%; top: 0; left: 50%; transform: translate(-50%); z-index: -1; } .logo-slider-sec .owl-carousel .owl-nav button.owl-prev:before { background-image: linear-gradient(90deg, #ffffff, #ffffffcf); } .logo-slider-sec .owl-carousel .owl-nav button.owl-next:before { background-image: linear-gradient(270deg, #ffffff, #ffffffcf); } .logo-slider-sec .owl-carousel .owl-nav button span { width: 50px !important; height: 50px !important; font-size: 30px !important; border-radius: 100%; display: flex !important; justify-content: center !important; align-items: center !important; top: 35%; } .logo-slider-sec .owl-carousel .owl-nav button span:before { content: ''; position: absolute; width: 50px; height: 50px; background: #eee; z-index: -1; border-radius: 100%; left: 50%; top: 52%; transform: translate(-50%, -50%); } .logo-slider-sec button.owl-prev { left: 0px; } .logo-slider-sec button.owl-next { right: 0px; } .discount_slideMain { width: 100%; height: auto; padding: 15px; border: 1px solid #000; border-radius: 5px; margin-bottom: 5px; min-height: 140px; } @media screen and (max-width:768px){ .logo-slider-sec .owl-carousel .owl-nav button span { width: 40px !important; height: 40px !important; font-size: 26px !important; } .logo-slider-sec .owl-carousel .owl-nav button span:before { width: 40px; height: 40px; } .logo-slider-sec .owl-carousel .owl-nav button:before { width: 40px; } .logo-slider-sec .owl-carousel .owl-nav button { top: 30%; } .logo-slider-sec .owl-carousel .owl-nav button:before { top: 10%; } } .logo-slider-sec .st-hidden-sm { display: block; } .best_prices .best_price_copn { color: red; font-weight: 800; } .best_prices span.money.bacurr-money{ color: red !important; font-weight: 800; font-size:17px; } .best_prices { margin-top: 5px; } span.price_main_product{ color: red !important; font-weight: 800; } .best_prices.product_value_data { display: none; } .template-product article.jdgm-widget.jdgm-all-reviews-widget.jdgm--done-setup-widget { display: none !important; } .ine_ship_datas { margin:15px 0 18px 0; } .cart__remove.gift-wrap { font-weight: bold; } .template-collection .jdgm-rev-widg__header { display: none !important; } .product-recommendations-placeholder .grid__item[data-product-handle="gift-wrap"]{display:none !important} .essential_countdown_annoucement_bar_wrapper { z-index:10!important; } product-recommendations .grid-product__meta .grid-product__price span.rwap_data_kl { height: 76px; display: block; } @media screen and (max-width:480px){ .grid__item-image-wrapper .best_prices { min-height: 31px; } product-recommendations .grid-product__meta .grid-product__price span.rwap_data_kl { height: 55px; display: block; } } .wedding-coll-logos .logo-bar__item { text-align: center; margin: 0 30px; text-transform: capitalize; } @media screen and (max-width:768px) { .wedding-coll-logos .logo-bar__item { margin: 0 10px; } .wedding-coll-logos .logo-bar { overflow: scroll; flex-wrap: nowrap; } html.js.js-drawer-open.lock-scroll .bacurr-choiceDesign { display: none; } } .wedding-coll-logos .logo-slider-sec { margin-bottom: 0 !important; } .wedding-coll-logos img.logo-bar__image.image-element { width: 100%; border-radius: 50%; box-shadow: 2px 3px 10px #ccc; } .wedding-coll-logos img { width: 100%; border-radius: 50%; box-shadow: 2px 3px 10px #ccc; } .wedding-coll-logos p.heding_logos { padding-top: 10px; } /* sp new css */ .fordays { position: relative; display: inline-flex; cursor: pointer; } .fordays span.tooltiptext { display: none; } .fordays span:hover.tooltiptext { display: block !important; } .fordays:hover span.tooltiptext { display: block; width: 100px; position: absolute; bottom: 80% !important; left: 70% !important; padding: 4px 11px 3px 11px; white-space: nowrap; background: #ffd700; color: #000000; font-size: 12px; text-transform: capitalize; border-radius: 5px; transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out; } .font_ft_chng { font-weight: 800; } .PDP_image_custom_latter { position: relative; } .PDP_image_custom_latter .Custom_latter { position: absolute; bottom: 40px; left: 50%; transform: translate(-50%, -50%); } p#letterCount { margin: 0 auto; margin-right: 0; font-weight: bold; } .top_text_data { margin-bottom: 5px; } input#enter-your-text:focus-visible { outline: 2px solid rgba(18,18,18,.5); outline-offset: .3rem; box-shadow: 0 0 0 .3rem rgb(255, 255, 255), 0 0 .5rem .4rem #1212124d; } div#shopify-section-template--17687321542793__new_main_banner_7jryp8 .data_slider_new.slick-initialized.slick-slider.slick-dotted { margin-bottom: 14px; } .grid-product__tag.custome_dataa_same { margin-top: 5px; margin-right: 5px; border-radius: 5px; } h1.section-header__title.h1_chng_kl { text-align: center; font-weight: bold; text-transform: uppercase !important; } .elegant-amp-timeless-corporate-gifts nav.breadcrumb { display: none; } .elegant-amp-timeless-corporate-gifts .page-width.page-width--narrow.page-content{ padding-bottom: 0px !important; padding-top: 20px !important; } .page-width.data_slide_kl { margin-top: 25px; } body.template-page.our-story-know-more-about-unniyarcha.jdgm--leex-script-loaded .page-width.page-width--narrow.page-content { padding-bottom: 0px; } body.template-page.chronicles div#shopify-section-sections--17967863595145__footer, body.template-page .kldata_new_lyaout { display: none; } body.template-page.chronicles div#shopify-section-template--18351383838857__featured_collection_bDrrU3 { padding-top: 50px; } body.template-page.chronicles div#shopify-section-template--18351383838857__featured_collection_bDrrU3 { margin: 0 !important; } body.template-page.chronicles div#shopify-section-template--18351383838857__featured_collection_bDrrU3 .grid__item-image-wrapper { background: white; border-radius: 10px; } body.template-page.chronicles div#shopify-section-template--18351383838857__featured_collection_bDrrU3 .grid__item-image-wrapper .grid-product__meta { padding: 0px 10px; } body.template-page.chronicles .image-block_brand.two_image_data { display: flex; } body.template-page .mobile_views_data { display: none; } @media screen and (max-width:480px) { body.template-page.chronicles div#shopify-section-template--18351383838857__featured_collection_bDrrU3 { padding-top: 20px; } div#shopify-section-template--18351390392457__featured_collection_bDrrU3 { background-size: contain; } body.template-page .desktop_view_data { display: none; } body.template-page .mobile_views_data { display: block; } } body.template-cart .cart__remove.gift-wrap { display: none; } .drawer__inner .cart__remove1.gift-wrap { display: none; } .text-link.custome_remove { font-weight: 800 !important; cursor: pointer; } /* Shop by collection Split into two column */ /* @media screen and (min-width:1200px){ .site-nav__dropdown.shop-by-collection { width: 400px; } .site-nav__dropdown.shop-by-collection li { width: 50%; float: left; } } */ /* Judge me review page top and bottom spacing */ .template-page.reviews div#judgeme_all_reviews_page { padding-top: 50px; padding-bottom: 50px; } h2.custom-heading { font-family: var(--typeBasePrimary), var(--typeBaseFallback) !important; font-size: 28px !important; /* font-weight: 500; */ text-transform: capitalize !important; letter-spacing: 0 !important; line-height: 36px; } .footer-copy-right { background: #fff; width: fit-content; margin: auto; padding-left: 20px; padding-right: 20px; } .template-collection .page-width.data_slide_kl { margin-top: 50px; } .template-collection .collection-content { padding-top: 0px; } .template-product .index-section.newsletter-container, .template-page.our-story-know-more-about-unniyarcha .page-content, .template-page.faqs-get-your-answers-here form.contact-form, .template-page.contact-us-for-all-your-queries-and-concerns form.contact-form, .template-customers-login .index-section.newsletter-container{ margin-bottom: 70px !important; } .template-customers-login .main-content { min-height: 400px; } .template-customers-login .page-content{ padding-bottom: 10px; } a.btn.btn--secondary.btn--small.section-header__link { right: 0rem; top: 4px; margin: 0; } @media screen and (min-width:577px) and (max-width:768px){ h2.custom-heading { margin-top: 30px; } } @media screen and (max-width:576px){ h2.custom-heading { font-size: 20px !important; line-height: 36px; margin-top: 1rem; } .custom__item { margin-bottom: 0 !important; } .promo-grid--space-bottom { padding-bottom: 0; } .promo-grid .flex-grid__item { padding-top: 0 !important; } .newsletter-section__content { padding-left: 0px; } .newsletter-section.newsletter-section--image-right.newsletter-section--no-image { margin-top: 1rem !important; } .template-collection .page-width.data_slide_kl { margin-top: 30px; } .template-product .index-section.newsletter-container, .template-page.our-story-know-more-about-unniyarcha .page-content, .template-page.faqs-get-your-answers-here form.contact-form, .template-page.contact-us-for-all-your-queries-and-concerns form.contact-form, .template-customers-login .index-section.newsletter-container{ margin-bottom: 30px !important; } .template-page.reviews div#judgeme_all_reviews_page { padding-top: 30px; padding-bottom: 30px; } } .about-us .image-block_brand img{ width: 100% !important; } .about-us .shopify-section.shopify-section-group-footer-group{display: none;} .template-collection .collection-content { padding-top: 0; } .template-collection .collection-content { padding-top: 0; } .template-collection .page-width.data_slide_kl { margin-top: 5px; } .template-collection .page-width.data_slide_kl h1 { /* font-size: 15px !important; */ text-align: left; } /* new page css Rakhi */ .certificat_images .slick-dots { display: none; } .making_images .slick-dots { display: none; } .template-page.rakhi .kldata_new_lyaout { display: block; } @media (max-width: 767px) { .rakhi_imge_first .grid--uniform { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .rakhi_imge_first .grid--uniform::-webkit-scrollbar { display: none; } .rakhi_imge_first .grid__item { flex: 0 0 66%; scroll-snap-align: start; } .rakhi_imge_first .scroll-progress { height: 4px; background:#CCCCCC; margin-top: 6px; position: relative; border-radius: 2px; } .rakhi_imge_first .scroll-progress .bar { display: block; height: 100%; width: 33%; background: #7A7A7A; border-radius: 2px; transition: width 0.2s ease; } } /* second section */ @media (max-width: 767px) { .rakhi_sircl_imgaes .grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .rakhi_sircl_imgaes .grid::-webkit-scrollbar { display: none; } .rakhi_sircl_imgaes .grid__item { flex: 0 0 32%; scroll-snap-align: start; } .rakhi_sircl_imgaes .scroll-progress { height: 4px; background: #CCCCCC; margin-top: 6px; position: relative; border-radius: 2px; } .rakhi_sircl_imgaes .scroll-progress .bar { display: block; height: 100%; width: 25%; background: #7A7A7A; border-radius: 2px; transition: width 0.2s ease; } .mobile_hide_coll{display: none !important;} .mobile_same_day_shipping{display: block !important;} } .mobile_same_day_shipping{display: none;} .kl_custom_views { display: none !important; } /* Second section Desktop */ .template-page.rakhi .rakhi_imge_first { margin-top: 50px; margin-bottom: 50px; } .template-page.rakhi .rakhi_sircl_imgaes { margin-bottom: 50px; } .template-page.rakhi div[data-section-type="collection-grid"] { margin-top: 50px; } .template-page.rakhi .page-width.rakhi_imge_first h3 { font-size: 25px; text-decoration: underline; text-transform: uppercase; color: #000000; font-weight: 500; font-family: "Gotham"; } .template-page.rakhi .rakhi_sircl_imgaes h3 { font-size: 22px; color: #000000; font-family: "Gotham"; text-align: center; } .template-page.rakhi .section-header--with-link .section-header__title { font-size: 30px !important; text-transform: uppercase !important; color: #000000 !important; font-weight: 500 !important; font-family: "Gotham" !important; line-height: 1; } .template-page.rakhi .section-header--with-link a.btn.btn--secondary.btn--small.section-header__link { font-size: 10px !important; text-transform: uppercase !important; color: #000000 !important; font-weight: 500 !important; font-family: "Gotham" !important; height: 35px !important; border-radius: 4px !important; display: flex !important; align-items: center; justify-content: center; background: #f4c83e !important; border: 0 !important; } .template-page.rakhi .testimonials-section { margin-bottom: -1.6rem; } @media screen and (min-width: 820.5px) and (max-width:1024px){ .template-page.rakhi .page-width.rakhi_imge_first h3 { font-size: 16px; } .template-page.rakhi .rakhi_sircl_imgaes h3 { font-size: 16px; } .template-page.rakhi .section-header--with-link .section-header__title { font-size: 26px !important; } } @media screen and (min-width: 750px) and (max-width:820px){ .template-page.rakhi .grid.grid--uniform.grid--flush-bottom { display: flex; margin-top: 30px; } .template-page.rakhi .page-width.rakhi_imge_first h3 { font-size: 14px; } .rakhi_sircl_imgaes .grid.grid--flush-bottom { display: flex; } .template-page.rakhi .rakhi_sircl_imgaes h3 { font-size: 14px; } .template-page.rakhi .rakhi_sircl_imgaes { margin-top: 30px; } .template-page.rakhi .section-header--with-link .section-header__title { font-size: 24px !important; } .template-page.rakhi .section-header--with-link a.btn.btn--secondary.btn--small.section-header__link { height: 30px !important; width: 100px; } .template-page.rakhi div[data-section-type="collection-grid"] { margin-top: 30px; } .template-page.rakhi .testimonials-section { margin-bottom: -0.6rem; } } @media screen and (max-width:749px){ .template-page.rakhi div[data-section-type="collection-grid"] { margin-top: 20px; } .template-page.rakhi .section-header--with-link .section-header__title { font-size: 18px !important; } .template-page.rakhi .section-header--with-link a.btn.btn--secondary.btn--small.section-header__link { font-size: 10px !important; height: 27px !important; width: 80px; } .template-page.rakhi .page-width.rakhi_imge_first h3 { font-size: 12px; } .template-page.rakhi .rakhi_imge_first .grid--uniform { gap: 0px; width: calc(100% + 33px); margin-top: 20px; } .template-page.rakhi .rakhi_sircl_imgaes { margin-top: 30px; margin-bottom: 30px; } .template-page.rakhi .rakhi_imge_first .grid__item { padding: 0 10px; } .template-page.rakhi .rakhi_sircl_imgaes h3 { font-size: 14px; } .template-page.rakhi .rakhi_sircl_imgaes .grid__item { flex: 0 0 35%; padding: 0 10px; } .template-page.rakhi .rakhi_sircl_imgaes .grid { gap: 0; width: calc(100% + 33px); } .template-page.rakhi .testimonials-section { margin-bottom: -0.6rem; } } h1.section-header__title.spkldata{font-size: 15px !important;} /* Rakhi Header Navigation */ .site-nav.site-navigation .site-nav__link span.custom_list_name img { width: 100%; max-width: 75px; } @media screen and (min-width:768.5px) and (max-width:1024px){ .site-nav.site-navigation .site-nav__link span.custom_list_name img { width: 100%; max-width: 70px; } } @media screen and (min-width:577px) and (max-width:768px){ .mobile-nav__item a span.custom_list_name img { width: 100%; max-width: 70px; } } @media screen and (max-width:576px){ .mobile-nav__item a span.custom_list_name img { width: 100%; max-width: 60px; } } li.site-nav__item:has(img.desktop_hide_m) { display: none; } .Rakhi_btom_data { margin-top: 13% !important; } @media screen and (max-width:768px){ li.mobile-nav__item:has(img.mobile_hide_m) { display: none; } .Rakhi_btom_data { margin-top: 20% !important; } } .blogs_detailss h2 { margin: 25px; } .template-collection.buy-925-silver-earrings-for-women-at-best-price .grid-product__meta .grid-product__title.grid-product__title--heading { display: none; } .template-collection.buy-925-silver-earrings-for-women-at-best-price .best_prices{color: black !important;} .template-collection.buy-925-silver-earrings-for-women-at-best-price .best_prices span.money { font-size: 13px; color: black !important; font-weight: bold !important; } .template-collection.buy-925-silver-earrings-for-women-at-best-price span.grid-product__price--savings { display: none; } .template-collection.buy-925-silver-earrings-for-women-at-best-price span.grid-product__price--original { display: none; } .template-collection.buy-925-silver-earrings-for-women-at-best-price .main_price_griddddddhdh{ display: none; } .best_prices.change_layout_data .money { font-size: 13px; color: #000 !important; font-weight: 700 !important; } /* new css PDP */ product-single__meta .PDP_price { display: flex; gap: 15px; } .product-single__meta .custom-share-pdp { display: flex; align-items: center; margin-top: 25%; gap: 10px; } .custom-share-pdp { position: relative; display: inline-flex; align-items: center; } /* Clean share button */ .share-toggle-btn { padding: 4px 8px; border: 1px solid #fad1d1; background: #fff; cursor: pointer; border-radius: 4px; display: flex; align-items: center; } /* Popup positioning FIXED */ .share-icons { position: absolute; top: 100%; right: 0; margin-top: 8px; background: #fff; padding: 8px 12px; border-radius: 6px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); display: flex; gap: 10px; opacity: 0; visibility: hidden; transform: translateY(5px); transition: all 0.25s ease; z-index: 99; } /* Active state */ .custom-share-pdp.active .share-icons { opacity: 1; visibility: visible; transform: translateY(0); } .PDP_price .product-block{ margin-left: 49%; } .PDP_price .product-block img{ width: 20px; height: auto; } @media (max-width: 768px) { .PDP_price .product-block{ margin-left: 35%; } .PDP_price .product-block .share-toggle-btn { padding: 5px 5px 5px 5px; } } .bstfbt__price-cta__container button { width: 40% !important; } /* FBT */ .bstfbt__product-thumbnail__grid-container { display: flex !important; align-items: center !important; gap: 5px !important; flex-wrap: nowrap !important; } .bstfbt__product-thumbnail { object-fit: cover !important; display: block !important; flex-shrink: 0 !important; } .bstfbt__thumbnail-price-cta__container { display: flex !important; align-items: center !important; gap: 10px !important; } .bstfbt__price-cta--desktop { flex: 1 !important; } .bstfbt__root.bstfbt__app-embed { margin-top: 25px; } h3.bstfbt__heading { font-size: 18px !important; font-weight: bold !important; text-transform: capitalize !important; letter-spacing: 0 !important; line-height: 36px; color: #000; font-family: var(--typeBasePrimary), var(--typeBaseFallback) !important; } @media (max-width: 768px) { .bstfbt__root-container--small-layout img.bstfbt__product-thumbnail { width: 185px !important; max-width: 185px !important; } .bstfbt__headings__container { width: 250px; max-width: 250px; } .bstfbt__root-container--small-layout .bstfbt__container--inner.bstfbt__center--small .bstfbt__headings__container { align-items: baseline !important; } .bstfbt__price-cta--mobile.bstfbt__center--small { text-align: left; margin-left: 30px; } } @media (min-width: 768px) { .bstfbt__root-container--small-layout img.bstfbt__product-thumbnail { width: 250px !important; max-width: 250px !important; } } .page-content.page-content--product .coll-not-same-day-shipping .bstfbt__root.bstfbt__app-block { display: none !important; } section.jdgm-widget.jdgm-revs-tab {display:none;} /* --- Mobile Product Page Optimizations --- */ @media screen and (max-width: 767px) { /* 1. Typography & Sizing */ .template-product .product-single__title { font-size: 18px !important; line-height: 1.2 !important; margin-bottom: 5px !important; } /* 2. Layout & Spacing */ .template-product .page-content { padding-top: 10px !important; } /* 3. Product Images */ .template-product .product__photos { margin-bottom: 0 !important; } .template-product .product__thumbnails { display: none !important; /* Hide thumbnails to save vertical space */ } /* 4. Variant Selectors */ .template-product .variant-wrapper { margin-bottom: 10px !important; } .template-product .variant__button-label { padding: 8px 12px !important; font-size: 13px !important; } /* 5. Sticky Add to Cart (Action Area) */ /* Note: Removed sticky button here since there is already a sticky-add-to-cart snippet doing this */ } /* --- End Mobile Product Page Optimizations --- */ .product__main-photos { position: relative !important; } @media screen and (max-width: 767px) { /* 1. Slim down the pink banner */ .template-product .discount_slideMain.slick-slide .inner_border_div { padding: 8px !important; } .template-product .discount_slideMain.slick-slide { margin-bottom: 0 !important; } /* 2. Title Typography */ .template-product .product-single__title { color: #333 !important; font-size: 17px !important; margin-bottom: 4px !important; line-height: 1.3 !important; } /* 3. Breadcrumb Tweaks */ .template-product .product-block--header .breadcrumb { font-size: 11px !important; margin-bottom: 5px !important; } /* 4. Pricing Alignment */ /* 5. Fix Quantity layout to avoid overlap */ } @media only screen and (max-width: 798px) { /* 1. Normalize the container padding to make it look balanced */ /* Remove padding from image column, reduce padding on content column */ /* Restored page-width padding so it isn't stretched to the screen edges */ /* Make sure the image breaks out of the page-width */ /* 2. Breadcrumb adjustments */ .template-product .breadcrumb { text-align: left !important; padding: 0 !important; margin-bottom: 4px !important; display: inline-block !important; width: auto !important; } /* 3. Title spacing */ .template-product .product-single__title { margin-top: 0 !important; } } @media only screen and (max-width: 798px) { /* Premium typography & spacing tweaks */ .template-product .product-single__title { font-size: 15px !important; color: #4a4a4a !important; line-height: 1.3 !important; color: #111 !important; margin-bottom: 12px !important; letter-spacing: -0.2px !important; } .template-product .breadcrumb { font-size: 10px !important; color: #666 !important; text-transform: none !important; letter-spacing: 0 !important; } /* Make the price block cleaner */ /* Coupon Block (discount_6NpNWM) */ } @media only screen and (max-width: 798px) { /* Make regular price (MRP) smaller */ .template-product .product__price--compare, .template-product .product__price--compare span { font-size: 12px !important; font-weight: 400 !important; } /* Shrink the coupon block */ .template-product .product-block--discount .discount-title { font-size: 11px !important; } .template-product .product-block--discount .discount-code { font-size: 14px !important; } } @media only screen and (max-width: 798px) { /* Cleaner Pricing */ .template-product .tax-text { /* Assuming Incl of all taxes has a class, or we can just hide it if it's too much */ font-size: 10px !important; color: #888 !important; margin-left: 6px !important; } /* Quantity Selector Redesign */ .template-product .js-qty__num { height: 30px !important; padding: 0 !important; font-size: 13px !important; } .template-product .js-qty__adjust { padding: 0 10px !important; } .template-product .product__fit-guide-container .btn { background: transparent !important; border: 1px solid #333 !important; color: #333 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; border-radius: 4px !important; } } @media only screen and (max-width: 798px) { /* Hide duplicate Judge.me preview badges outside the image overlay */ .template-product .jdgm-preview-badge:not(.product-image-rating-overlay .jdgm-preview-badge) { display: none !important; } /* Premium Accordion Styling */ .template-product .collapsible-trigger-btn--borders { border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: 1px solid #f0f0f0 !important; padding: 16px 2px !important; font-weight: 500 !important; font-size: 14px !important; text-transform: none !important; letter-spacing: 0 !important; color: #333 !important; background: transparent !important; } .template-product .collapsible-content .collapsible-content__inner, .template-product .collapsible-trigger-btn--borders + .collapsible-content .collapsible-content__inner { border: none !important; padding: 12px 2px 20px !important; } .template-product .product-block--tab { margin-bottom: 0 !important; } .template-product .collapsibles-wrapper--border-bottom { border-bottom: none !important; } } @media only screen and (max-width: 798px) { /* Remove all default padding/margin from wrappers to prevent math issues */ /* Remove page-width padding so it hits the edges natively */ .template-product > #MainContent > .page-content > .page-width, .template-product .page-width.page-width--product { padding-left: 0 !important; padding-right: 0 !important; } /* Make the image wrapper fill the screen natively */ /* Break out of the 17px page-width padding */ .template-product .grid__item.product-single__sticky { padding-left: 0 !important; padding-right: 0 !important; margin-left: -17px !important; margin-right: -17px !important; width: calc(100% + 34px) !important; max-width: none !important; } /* Ensure image block doesn't try to break out */ .template-product .product__main-photos { margin-left: 0 !important; margin-right: 0 !important; } /* Add padding ONLY to the text content area so it indents beautifully */ /* Let page-width handle the 17px padding, don't double-pad */ .template-product .product-single__meta { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } /* Make sure pink banner fills the screen */ .template-product .product-image-usp-vertical-marquee-bar { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } } @media only screen and (max-width: 798px) { /* --- Spacing Reductions --- */ .template-product .product-single__meta { padding-top: 10px !important; } .template-product .product-block--header { margin-bottom: 0 !important; } .template-product .product-block--header .breadcrumb { margin-bottom: 2px !important; } .template-product .product-single__title { margin-top: 0 !important; margin-bottom: 10px !important; line-height: 1.2 !important; } .template-product .product-block { margin-bottom: 8px !important; } .template-product .PDP_price { margin-bottom: 8px !important; } /* --- Pricing UI Redesign --- */ .template-product .product-block--price { display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; column-gap: 8px !important; row-gap: 4px !important; } .template-product .product__price { font-size: 14px !important; color: #444 !important; font-weight: 600 !important; margin: 0 !important; } .template-product .product__price--compare { font-size: 12px !important; color: #888 !important; text-decoration: line-through !important; } .template-product .product-block--discount { margin-top: 4px !important; margin-bottom: 12px !important; padding: 10px !important; } } @media only screen and (max-width: 798px) { /* 1. Remove massive gap above product image */ .template-product .page-content.page-content--product { padding-top: 0 !important; } /* 2. Remove gap between image/marquee and breadcrumbs */ .template-product .product__main-photos { margin-bottom: 0 !important; } .template-product .product-single__sticky { margin-bottom: 0 !important; } /* 3. Title Typography and Color */ .template-product .product-single__title { color: #444444 !important; font-weight: 500 !important; } /* 4. Aggressively collapse all gaps between blocks */ .template-product .product-single__meta { padding-top: 5px !important; } .template-product .product-block { margin-bottom: 8px !important; } .template-product .product-block-wrapper--text p { margin-bottom: 0 !important; } /* 5. Dropdown Redesign (Accordions) */ /* Optional: fix extra padding on elements */ .template-product hr { margin: 8px 0 !important; } } @media only screen and (max-width: 798px) { /* 1. Remove massive gap above product image */ .template-product .page-content.page-content--product { padding-top: 0 !important; } /* 2. Remove gap between image/marquee and breadcrumbs */ .template-product .product__main-photos { margin-bottom: 0 !important; } .template-product .grid__item.product-single__sticky { margin-bottom: 0 !important; } .template-product .breadcrumb, .template-product .product-block--header .breadcrumb { margin-top: 8px !important; margin-bottom: 8px !important; } /* 3. Title Typography and Color - INCREASE SPECIFICITY */ .template-product h1.product-single__title, .template-product p.product-single__title, .template-product .h2.product-single__title { color: #444444 !important; font-weight: 500 !important; margin-top: 0 !important; margin-bottom: 8px !important; } /* 4. Aggressively collapse all gaps between blocks */ .template-product .product-single__meta { padding-top: 0 !important; } .template-product .product-block { margin-bottom: 12px !important; } .template-product .product-block--price { margin-bottom: 0 !important; } .template-product .product-block--discount { margin-top: 8px !important; margin-bottom: 16px !important; } .template-product .PDP_price { margin-bottom: 12px !important; } /* Remove margins from text elements inside blocks */ .template-product .product-single__meta p, .template-product .product-single__meta .product-block-wrapper--text p { margin-top: 0 !important; margin-bottom: 0 !important; } /* 5. Dropdown Redesign (Accordions) */ } @media only screen and (max-width: 798px) { /* --- Quantity & Fit Guide Modern UI --- */ .template-product .product__quantity-and-fit-guide { display: flex !important; align-items: center !important; justify-content: space-between !important; background: transparent !important; padding: 0 !important; border: none !important; margin-top: 15px !important; margin-bottom: 15px !important; width: 100% !important; } .template-product .product__quantity-and-fit-guide label { display: none !important; /* Hide 'Quantity' to save space */ } /* Modern clean quantity pill */ .template-product .js-qty__wrapper { position: relative !important; display: inline-block !important; max-width: 110px !important; height: 40px !important; margin: 0 !important; border: 1px solid #e0e0e0 !important; background: #fff !important; border-radius: 6px !important; overflow: hidden !important; padding: 0 !important; } .template-product .js-qty__adjust { position: absolute !important; top: 0 !important; bottom: 0 !important; width: 35px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; color: #444 !important; border: none !important; padding: 0 !important; } .template-product .js-qty__adjust--minus { left: 0 !important; } .template-product .js-qty__adjust--plus { right: 0 !important; } .template-product .js-qty__num { width: 100% !important; height: 100% !important; text-align: center !important; border: none !important; background: transparent !important; font-size: 15px !important; font-weight: 600 !important; color: #111 !important; padding: 0 35px !important; margin: 0 !important; line-height: 40px !important; } .template-product .js-qty__num { font-weight: 600 !important; } /* --- Accordion Dropdowns Modern Card UI --- */ .template-product .collapsibles-wrapper { background: #fafafa !important; border-radius: 8px !important; margin-bottom: 10px !important; border: 1px solid #f0f0f0 !important; border-bottom: 1px solid #f0f0f0 !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } .template-product .collapsible-trigger-btn { border: none !important; font-weight: 600 !important; font-size: 14px !important; padding: 16px !important; background: transparent !important; color: #222 !important; } /* Remove the plus/minus or chevron weird borders if any */ .template-product .collapsible-trigger-btn--borders { border: none !important; } /* Ensure inner content has nice spacing inside the card */ .template-product .collapsible-content__inner { padding: 0 16px 16px 16px !important; } } @media only screen and (max-width: 798px) { /* --- Premium Price Box UI --- */ .template-product .premium-offer-icon { flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .template-product .premium-offer-text { flex-grow: 1 !important; display: flex !important; flex-direction: column !important; gap: 3px !important; } .template-product .premium-offer-title { font-size: 15px !important; color: #222 !important; font-weight: 500 !important; line-height: 1.2 !important; } .template-product .premium-offer-title .suraj_best_price { color: #007d40 !important; /* Deep green */ font-weight: 700 !important; font-size: 17px !important; } .template-product .premium-offer-subtitle { font-size: 12px !important; color: #555 !important; line-height: 1.2 !important; } .template-product .premium-offer-action { flex-shrink: 0 !important; font-size: 13px !important; color: #9e1313 !important; /* Maroon */ font-weight: 500 !important; } /* --- Normal Price Fallbacks --- */ .template-product .product__price { font-size: 14px !important; color: #555 !important; font-weight: 500 !important; } .template-product .product__price--compare { font-size: 13px !important; color: #000000ff !important; text-decoration: line-through !important; margin-left: 6px !important; } } @media only screen and (max-width: 798px) { /* Redesign price block flow */ .template-product .product-block--price { display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; gap: 8px !important; margin-bottom: 15px !important; } /* Normal selling price (Big) */ .template-product .product-block--price > span.dataPrice { order: 1 !important; font-size: 22px !important; color: #111 !important; font-weight: 700 !important; } /* MRP (Small & crossed out) */ .template-product .product-block--price > span[data-product-price-wrap] { order: 2 !important; } .template-product .product-block--price > span[data-product-price-wrap] .product__price--compare { font-size: 14px !important; color: #888 !important; text-decoration: line-through !important; margin-left: 0 !important; } /* (Incl of all taxes) */ .template-product .mrp_text { order: 3 !important; font-size: 12px !important; color: #888 !important; margin: 0 !important; } /* The big premium offer box */ } @media only screen and (max-width: 798px) { /* 1. The main all-in-one box container */ .template-product .product-block--price { display: flex !important; flex-wrap: wrap !important; align-items: center !important; background: #fdfdf9 !important; /* light cream */ border: 1px solid #e0e0e0 !important; border-radius: 8px !important; padding: 10px 12px !important; margin-bottom: 20px !important; row-gap: 4px !important; } /* ROW 1: Best Price */ .template-product .upb-best-price-row { order: 1 !important; width: 100% !important; display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 4px !important; margin-top: 0 !important; } .upb-icon { display: inline-flex; } .PDP_price .product__price.product__price--compare,.PDP_price p.mrp_text{ top: 0 !important; } .template-product .upb-best-price-text { font-size: 15px !important; font-weight: 500 !important; color: #222 !important; } .template-product .upb-best-price-text .suraj_best_price { font-size: 15px !important; /* REDUCED */ font-weight: 700 !important; color: #008040 !important; /* GREEN */ } /* ROW 2: Regular Sale Price & MRP */ .template-product .product-block--price > span.dataPrice { order: 2 !important; font-size: 14px !important; font-weight: 500 !important; color: #444 !important; } .template-product .product-block--price > span[data-product-price-wrap] { order: 3 !important; margin-left: 6px !important; } .template-product .product-block--price > span[data-product-price-wrap] .product__price--compare { font-size: 13px !important; color: #000000ff !important; text-decoration: line-through !important; } .template-product .mrp_text { order: 4 !important; font-size: 11px !important; color: #000000ff !important; margin-left: 6px !important; margin-bottom: 0 !important; } /* ROW 3: Discount Info & Details Link */ .template-product .upb-discount-row { order: 5 !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: space-between !important; margin-top: 0px !important; /* MINIMIZED */ padding-top: 4px !important; /* MINIMIZED */ border-top: 1px dashed #e8e8e8 !important; } .template-product .upb-discount-text { font-size: 13px !important; color: #555 !important; } .template-product .upb-details-btn { font-size: 13px !important; color: #9e1313 !important; /* Maroon */ font-weight: 500 !important; cursor: pointer !important; } /* ROW 4: Explanation Modal (hidden by default) */ .template-product #upb-explanation { order: 6 !important; width: 100% !important; background: #fff !important; border: 1px solid #eee !important; border-radius: 6px !important; padding: 12px !important; font-size: 12px !important; color: #444 !important; line-height: 1.4 !important; margin-top: 10px !important; box-shadow: 0 2px 5px rgba(0,0,0,0.02) !important; } } @media only screen and (max-width: 798px) { .template-product .custom-top-breadcrumb { margin-bottom: 0 !important; padding-bottom: 0 !important; height: auto !important; min-height: 0 !important; } .template-product .custom-top-breadcrumb .breadcrumb { margin-top: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } /* Pull the product images up to the breadcrumb */ /* Pull the product images up to the breadcrumb */ .template-product .page-content--product > .page-width > .grid { margin-top: -10px !important; } text-align: left !important; padding-left: 0 !important; } .template-product .product-block-wrapper--quantity_selector, .template-product .product-block-wrapper--tab, .template-product .product-block-wrapper--description { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } } @media only screen and (max-width: 798px) { /* Give the product images a 5px border radius */ .template-product .product__main-photos { border-radius: 5px !important; overflow: hidden !important; } .template-product .product__main-photos .image-wrap, .template-product .product__main-photos img { border-radius: 5px !important; } } .product-block.product-block-wrapper--variant_picker { margin-left: 0; } .badges-row { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 0px; align-items: center; justify-content: center; margin-top: 10px; } .badge { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; padding: 5px 10px; border-radius: 999px; background: #F3E7D0; color: #6B5117; border: 1px solid #E8C77E; } /* ========================================= GLOBAL FIXES (APPLY TO DESKTOP & MOBILE) ========================================= */ /* 1. The main all-in-one box container */ .template-product .product-block--price { display: flex !important; flex-wrap: wrap !important; align-items: center !important; background: #fdfdf9 !important; border: 1px solid #e0e0e0 !important; border-radius: 8px !important; padding: 10px 12px !important; margin-bottom: 20px !important; row-gap: 4px !important; } .template-product .upb-best-price-row { order: 1 !important; width: 100% !important; display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 4px !important; margin-top: 0 !important; } .upb-icon { display: inline-flex; } .template-product .upb-best-price-text { font-size: 15px !important; font-weight: 500 !important; color: #222 !important; } .template-product .upb-best-price-text .suraj_best_price { font-size: 11px !important; font-weight: 700 !important; color: #008040 !important; } .template-product .product-block--price > span.dataPrice { order: 2 !important; font-size: 14px !important; font-weight: 500 !important; color: #444 !important; } .template-product .product-block--price > span[data-product-price-wrap] { order: 3 !important; margin-left: 6px !important; } .template-product .product-block--price > span[data-product-price-wrap] .product__price--compare { font-size: 13px !important; color: #000000ff !important; text-decoration: line-through !important; } .template-product .mrp_text { order: 4 !important; font-size: 11px !important; color: #000000ff !important; margin-left: 6px !important; margin-bottom: 0 !important; } .template-product .upb-discount-row { order: 5 !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: space-between !important; margin-top: 0px !important; padding-top: 4px !important; border-top: 1px dashed #e8e8e8 !important; } .template-product .upb-discount-text { font-size: 13px !important; color: #555 !important; } .template-product .upb-details-btn { font-size: 13px !important; color: #9e1313 !important; font-weight: 500 !important; cursor: pointer !important; } /* Quantity Selector Modern UI */ .template-product .js-qty__wrapper { position: relative !important; display: inline-block !important; max-width: 110px !important; height: 40px !important; margin: 0 !important; border: 1px solid #e0e0e0 !important; background: #fff !important; border-radius: 6px !important; overflow: hidden !important; padding: 0 !important; } .template-product .js-qty__adjust { position: absolute !important; top: 0 !important; bottom: 0 !important; width: 35px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; color: #444 !important; border: none !important; padding: 0 !important; } .template-product .js-qty__adjust--minus { left: 0 !important; } .template-product .js-qty__adjust--plus { right: 0 !important; } .template-product .js-qty__num { width: 100% !important; height: 100% !important; text-align: center !important; border: none !important; background: transparent !important; font-size: 15px !important; font-weight: 600 !important; color: #111 !important; padding: 0 35px !important; margin: 0 !important; line-height: 40px !important; } /* Breadcrumb Reset */ .template-product .custom-top-breadcrumb { margin-bottom: 0 !important; padding-bottom: 0 !important; height: auto !important; min-height: 0 !important; } .template-product .custom-top-breadcrumb .breadcrumb { margin-top: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; text-align: left !important; padding-left: 0 !important; } /* Accordions Full Width (override any side margins on desktop) */ .template-product .product-block-wrapper--quantity_selector, .template-product .product-block-wrapper--tab, .template-product .product-block-wrapper--description { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } /* Accordion Dropdowns Modern Card UI */ .template-product .collapsibles-wrapper { background: #fafafa !important; border-radius: 8px !important; margin-bottom: 10px !important; border: 1px solid #f0f0f0 !important; border-bottom: 1px solid #f0f0f0 !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } .template-product .collapsible-trigger-btn { border: none !important; font-weight: 600 !important; font-size: 14px !important; padding: 16px !important; background: transparent !important; color: #222 !important; } /* Product Images Border Radius */ .template-product .product__main-photos { border-radius: 5px !important; overflow: hidden !important; } .template-product .product__main-photos .image-wrap, .template-product .product__main-photos img { border-radius: 5px !important; } /* Fix Add To Cart button on desktop */ @media only screen and (min-width: 769px) { .template-product .product-block.PDP_buy_buttons { width: 100% !important; float: none !important; } .template-product button.btn.btn--full.add-to-cart { width: 100% !important; } } /* FORCE Add To Cart Full Width Desktop */ @media only screen and (min-width: 769px) { .template-product .product-single__meta .PDP_buy_buttons { width: 100% !important; max-width: 100% !important; float: none !important; display: block !important; margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important; } .template-product .product-single__meta .PDP_buy_buttons .product-block { width: 100% !important; max-width: 100% !important; display: block !important; } .template-product .product-single__meta button.btn.btn--full.add-to-cart { width: 100% !important; max-width: 100% !important; display: block !important; } } /* Nuke all floated buttons on desktop */ @media only screen and (min-width: 769px) { .template-product .product-single__meta .PDP_buy_buttons { width: 100% !important; max-width: 100% !important; float: none !important; clear: both !important; display: block !important; margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important; } .template-product .product-single__meta div#shopify-block-wishlist_engine_product_page_nRqJzk { width: 100% !important; max-width: 100% !important; float: none !important; clear: both !important; display: block !important; margin-left: 0 !important; margin-right: 0 !important; } .template-product .product-single__meta .PDP_buy_buttons .product-block { width: 100% !important; max-width: 100% !important; display: block !important; } .template-product .product-single__meta button.btn.btn--full.add-to-cart { width: 100% !important; max-width: 100% !important; display: block !important; } .template-product .product-single__form { display: block !important; width: 100% !important; } .template-product .payment-buttons { display: block !important; width: 100% !important; } } /* Product Title Color */ .template-product .product-single__title { color: #444444 !important; } /* Fix badges row alignment and overflow */ .badges-row { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; width: 100% !important; max-width: 100vw !important; box-sizing: border-box !important; padding: 0 15px !important; gap: 8px !important; } /* Strict responsive visibility rules */ @media only screen and (min-width: 769px) { .small--show { display: none !important; } .medium-up--hide { display: none !important; } } @media only screen and (max-width: 768px) { .small--hide { display: none !important; } .medium-up--show { display: none !important; } }