/** Shopify CDN: Minification failed Line 302:73 Unexpected "çin" **/ /* START_SECTION:header (INDEX:21) */ #SiteHeader .muheyya-search-pill { display: inline-flex; align-items: center; gap: 9px; width: 218px; padding: 10px 14px; min-height: 44px; border: 1px solid #ddd8d1; border-radius: 3px; background: #f8f7f5; color: #3c3c3c; } #SiteHeader .muheyya-search-pill .icon { width: 21px; height: 21px; } #SiteHeader .muheyya-search-pill__label { min-width: 0; overflow: hidden; font-size: 12px; font-weight: 400; text-transform: none; letter-spacing: 0; white-space: nowrap; } .muheyya-mobile-search { display: none; } @media (max-width: 768px) { #SiteHeader .muheyya-search-pill { display: none; } .muheyya-mobile-search { display: flex; gap: 10px; align-items: center; min-height: 42px; padding: 9px 13px; margin: 5px 0 7px; background: #f8f7f5; border: 1px solid #dedbd6; border-radius: 3px; color: #4b4843 !important; font-size: 12px; } } .muheyya-home-overlay > .header-sticky-wrapper { height: 0; } .muheyya-home-overlay #HeaderWrapper { position: absolute; inset: 0 0 auto; background: linear-gradient(180deg, #0004, transparent); } .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) { background: transparent; box-shadow: none; } .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) .site-nav__link { color: #fff; } .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) shopify-account::part(signed-out-avatar) { color: #fff; } .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) .muheyya-menu-trigger { color: #fff; border-color: #fffc; background: #0001; box-shadow: none; } .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) .logo--has-inverted { display: none; } .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) .logo--inverted { display: block; } .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) .muheyya-search-pill { color: #3c3c3c; background: #fffffff0; } @media (max-width: 768px) { .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) { padding: 8px 0; } .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) .header-layout { min-height: 60px; } .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) .site-header__logo { margin-top: 0; margin-bottom: 0; } .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) .muheyya-mobile-search { margin-top: 5px; margin-bottom: 4px; background: #fffffff0; } .has-sticky-announcement-bar .site-header--opening { transform: translateZ(0); } } @media (max-width: 768px) { #SiteHeader .muheyya-search-pill { display: inline-flex; justify-content: center; width: 44px; min-height: 44px; padding: 10px; border: 0; background: transparent; color: var(--colorNavText); } #SiteHeader .muheyya-search-pill__label { display: none; } .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) .muheyya-search-pill { color: #fff; background: transparent; } #SiteHeader .muheyya-search-pill .icon { width: 24px; height: 24px; transform-origin: center; animation: muheyya-search-glance 8s ease-in-out 3; } #SiteHeader .muheyya-search-pill:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; } #SiteHeader .muheyya-search-pill:hover .icon, #SiteHeader .muheyya-search-pill:focus .icon { animation-play-state: paused; } } @keyframes muheyya-search-glance { 0%, 82%, 100% { transform: scale(1) rotate(0); } 88% { transform: scale(1.12) rotate(-7deg); } 94% { transform: scale(1.05) rotate(5deg); } } @media (prefers-reduced-motion: reduce) { #SiteHeader .muheyya-search-pill .icon { animation: none; } } /* END_SECTION:header */ /* START_SECTION:main-collection (INDEX:31) */ @media screen and (min-width: 1024px) { .collection-content #CollectionAjaxContent > .page-width { max-width: none; padding-left: 24px; padding-right: 24px; } .collection-content .collection-grid__wrapper > .grid.grid--uniform { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: 18px; margin-left: 0; } .collection-content .collection-grid__wrapper > .grid.grid--uniform::before, .collection-content .collection-grid__wrapper > .grid.grid--uniform::after { display: none; } .collection-content .collection-grid__wrapper > .grid.grid--uniform > .grid__item { width: 100%; min-width: 0; padding-left: 0; float: none; clear: none; } } /* END_SECTION:main-collection */ /* START_SNIPPET:customer-account (INDEX:94) */ .mobile-nav shopify-account::part(signed-out-avatar) { font-size: var(--typeBodySizeMobile); -webkit-font-smoothing: antialiased; } .site-nav shopify-account::part(signed-out-avatar) { color: var(--colorNavText); } .is-light .site-nav shopify-account::part(signed-out-avatar) { color: #fff; } shopify-account { --shopify-account-color-accent: var(--colorBtnPrimary); --shopify-account-color-accent-hover: var(--colorBtnPrimaryLight); --shopify-account-color-accent-text: var(--colorTextBody); --shopify-account-color-background: var(--colorBody); --shopify-account-color-background-subdued: color-mix(in srgb, var(--colorBorder) 50%, transparent); --shopify-account-color-border: var(--colorBorder); --shopify-account-color-card-background: var(--colorBody); --shopify-account-color-control-background: var(--colorBody); --shopify-account-color-text: var(--colorTextBody); --shopify-account-color-text-subdued: color-mix(in srgb, var(--colorBorder) 50%, black); --shopify-account-font-body: var(--typeBasePrimary), var(--typeBaseFallback); --shopify-account-font-body-weight: var(--typeBaseWeight); --shopify-account-font-heading: var(--typeHeaderPrimary), var(--typeHeaderFallback); --shopify-account-font-heading-weight: var(--typeHeaderWeight); --shopify-account-radius-base: var(--buttonRadius); --shopify-account-radius-button: var(--buttonRadius); --shopify-account-radius-button-small: var(--buttonRadius); --shopify-account-radius-dialog: var(--buttonRadius); --shopify-account-radius-input: var(--buttonRadius); --shopify-account-signed-in-avatar-color-background: var(--colorBody); --shopify-account-signed-in-avatar-color-text: var(--colorTextBody); } /* END_SNIPPET:customer-account */ /* START_SNIPPET:muheyya-menu-cue (INDEX:155) */ #SiteHeader .muheyya-menu-trigger { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 48px; min-height: 48px; padding: 0 13px; border: 1px solid color-mix(in srgb, currentColor 45%, transparent); border-radius: 999px; vertical-align: middle; transform-origin: center; } #SiteHeader .muheyya-menu-trigger .icon { width: 23px; height: 23px; flex-shrink: 0; } #SiteHeader .muheyya-menu-label { font-family: var(--typeBasePrimary), var(--typeBaseFallback); font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: 0.1em; text-transform: uppercase; } .header-wrapper.is-light #SiteHeader .muheyya-menu-trigger { background: rgba(0, 0, 0, 0.22); border-color: rgba(255, 255, 255, 0.65); } #SiteHeader .muheyya-menu-trigger:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; } @media (hover: hover) { #SiteHeader .muheyya-menu-trigger:hover { background: color-mix(in srgb, currentColor 8%, transparent); } .header-wrapper.is-light #SiteHeader .muheyya-menu-trigger:hover { background: rgba(0, 0, 0, 0.34); } } @media (max-width: 768px) { #SiteHeader .muheyya-menu-trigger { flex-direction: column; gap: 4px; width: 50px; min-height: 50px; padding: 5px; border-radius: 12px; } #SiteHeader .muheyya-menu-trigger .icon { width: 22px; height: 22px; } #SiteHeader .muheyya-menu-label { font-size: 11px; letter-spacing: 0.08em; } } @media (prefers-reduced-motion: no-preference) { #SiteHeader .muheyya-menu-trigger { animation: muheyya-menu-intro 1.35s ease-in-out 0.7s 2; } @keyframes muheyya-menu-intro { 0%, 100% { transform: scale(1); } 45% { transform: scale(1.06); } } } /* END_SNIPPET:muheyya-menu-cue */ /* START_SNIPPET:muheyya-search-hint (INDEX:157) */ muheyya-search-hint { display: inline-block; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; } muheyya-search-hint[data-typing]::after { content: ''; display: inline-block; height: 1em; margin-left: 3px; border-right: 1px solid currentColor; vertical-align: -.12em; } /* END_SNIPPET:muheyya-search-hint */ /* START_SNIPPET:product-grid-item (INDEX:173) */ .collection-content .grid-product__image-mask .image-element[loading="eager"] { opacity: 1; animation: none !important; transition: none; } .grid-product__tag--sale { display: none !important; } /* Ürün kartı renk sayacı ve tükenen ürün efekti */ .grid-product__image-mask { position: relative; } .muheyya-card-color-label { margin: 5px 0 3px; color: #626262; font-size: 12px; font-weight: 400; line-height: 1.4; letter-spacing: normal; text-transform: none; } .grid-product--sold-out .grid-product__tag--sold-out { display: none !important; } .muheyya-sold-out-center { position: absolute; z-index: 5; top: 50%; left: 50%; color: #e21d2f; font-size: clamp(20px, 2.2vw, 28px); font-weight: 800; line-height: 1; letter-spacing: 0.12em; text-align: center; text-shadow: 0 1px 2px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 255, 255, 0.75); transform: translate(-50%, -50%); pointer-events: none; animation: muheyya-sold-out-pulse 1.8s ease-in-out infinite; } @keyframes muheyya-sold-out-pulse { 0%, 100% { opacity: 0.42; transform: translate(-50%, -50%) scale(0.97); } 50% { opacity: 1; transform: translate(-50%, -50%) scale(1.04); } } .grid-product--sold-out .grid-product__image-mask img, .grid-product--sold-out .grid-product__image-mask .placeholder-svg { filter: blur(1.15px) grayscale(0.18); opacity: 0.58; transition: filter 0.25s ease, opacity 0.25s ease; } .grid-product--sold-out:hover .grid-product__image-mask img { filter: blur(0.7px) grayscale(0.12); opacity: 0.66; } @media (prefers-reduced-motion: reduce) { .muheyya-sold-out-center { animation: none; opacity: 1; } } /* Müheyya listeleme indirimli fiyatı v1 */ .grid-product__price { white-space: normal; } .grid-product__price .muheyya-grid-sale-price { color: #e21d2f !important; font-size: clamp(17px, 1.4vw, 22px) !important; font-weight: 800 !important; line-height: 1.15; } .grid-product__price .grid-product__price--savings { color: #e21d2f !important; font-size: clamp(14px, 1.05vw, 17px) !important; font-weight: 800 !important; line-height: 1.15; white-space: nowrap; } /* Görseli olmayan renk varyantları için mağaza genelindeki renk adı yedeği */ .grid-product__colors .color-swatch--siyah:not(.color-swatch--with-image) { background-color: #171717 !important; } .grid-product__colors .color-swatch--beyaz:not(.color-swatch--with-image), .grid-product__colors .color-swatch--buz-beyazi:not(.color-swatch--with-image) { background-color: #fff !important; } .grid-product__colors .color-swatch--ekru:not(.color-swatch--with-image) { background-color: #f1eadb !important; } .grid-product__colors .color-swatch--krem:not(.color-swatch--with-image) { background-color: #eadfca !important; } .grid-product__colors .color-swatch--bej:not(.color-swatch--with-image) { background-color: #cdbb9d !important; } .grid-product__colors .color-swatch--acik-bej:not(.color-swatch--with-image) { background-color: #e0d2bc !important; } .grid-product__colors .color-swatch--koyu-bej:not(.color-swatch--with-image) { background-color: #aa9171 !important; } .grid-product__colors .color-swatch--tas:not(.color-swatch--with-image) { background-color: #aaa293 !important; } .grid-product__colors .color-swatch--tas-baskili:not(.color-swatch--with-image) { background: repeating-linear-gradient(45deg,#aaa293 0 5px,#d4cec3 5px 10px) !important; } .grid-product__colors .color-swatch--vizon:not(.color-swatch--with-image) { background-color: #8b7765 !important; } .grid-product__colors .color-swatch--camel:not(.color-swatch--with-image) { background-color: #b77a3b !important; } .grid-product__colors .color-swatch--taba:not(.color-swatch--with-image) { background-color: #9b592e !important; } .grid-product__colors .color-swatch--tar:not(.color-swatch--with-image)çin, .grid-product__colors .color-swatch--tarcin:not(.color-swatch--with-image) { background-color: #a95f3b !important; } .grid-product__colors .color-swatch--aci-kahve:not(.color-swatch--with-image) { background-color: #4e3027 !important; } .grid-product__colors .color-swatch--acik-kahve:not(.color-swatch--with-image) { background-color: #a6785a !important; } .grid-product__colors .color-swatch--kahve:not(.color-swatch--with-image), .grid-product__colors .color-swatch--kahverengi:not(.color-swatch--with-image) { background-color: #70452f !important; } .grid-product__colors .color-swatch--sutlu-kahve:not(.color-swatch--with-image) { background-color: #a8876c !important; } .grid-product__colors .color-swatch--kahve-kiremit:not(.color-swatch--with-image) { background: linear-gradient(135deg,#70452f 50%,#a64b32 50%) !important; } .grid-product__colors .color-swatch--kahve-tas:not(.color-swatch--with-image) { background: linear-gradient(135deg,#70452f 50%,#aaa293 50%) !important; } .grid-product__colors .color-swatch--bakir:not(.color-swatch--with-image) { background-color: #b46b42 !important; } .grid-product__colors .color-swatch--gri:not(.color-swatch--with-image) { background-color: #858585 !important; } .grid-product__colors .color-swatch--gri-mavi:not(.color-swatch--with-image) { background-color: #708493 !important; } .grid-product__colors .color-swatch--antrasit:not(.color-swatch--with-image) { background-color: #42464b !important; } .grid-product__colors .color-swatch--fume:not(.color-swatch--with-image) { background-color: #5d6266 !important; } .grid-product__colors .color-swatch--duman:not(.color-swatch--with-image) { background-color: #74797c !important; } .grid-product__colors .color-swatch--kirmizi:not(.color-swatch--with-image) { background-color: #c9252d !important; } .grid-product__colors .color-swatch--acik-kirmizi:not(.color-swatch--with-image) { background-color: #e2575d !important; } .grid-product__colors .color-swatch--bordo:not(.color-swatch--with-image) { background-color: #6f1831 !important; } .grid-product__colors .color-swatch--visne:not(.color-swatch--with-image) { background-color: #7f173b !important; } .grid-product__colors .color-swatch--gul-kurusu:not(.color-swatch--with-image) { background-color: #b45f72 !important; } .grid-product__colors .color-swatch--acik-gul-kurusu:not(.color-swatch--with-image) { background-color: #d58b9a !important; } .grid-product__colors .color-swatch--pembe:not(.color-swatch--with-image) { background-color: #e7a0b2 !important; } .grid-product__colors .color-swatch--pudra-pembe:not(.color-swatch--with-image) { background-color: #d9a3aa !important; } .grid-product__colors .color-swatch--fusya:not(.color-swatch--with-image) { background-color: #d51c73 !important; } .grid-product__colors .color-swatch--somon:not(.color-swatch--with-image) { background-color: #df8b79 !important; } .grid-product__colors .color-swatch--mercan:not(.color-swatch--with-image) { background-color: #e66f61 !important; } .grid-product__colors .color-swatch--seftali:not(.color-swatch--with-image) { background-color: #efaa83 !important; } .grid-product__colors .color-swatch--mor:not(.color-swatch--with-image) { background-color: #6d3b78 !important; } .grid-product__colors .color-swatch--lila:not(.color-swatch--with-image) { background-color: #9b82ad !important; } .grid-product__colors .color-swatch--murdum:not(.color-swatch--with-image) { background-color: #63314f !important; } .grid-product__colors .color-swatch--patlican-moru:not(.color-swatch--with-image) { background-color: #4d294f !important; } .grid-product__colors .color-swatch--plum:not(.color-swatch--with-image) { background-color: #70405d !important; } .grid-product__colors .color-swatch--lacivert:not(.color-swatch--with-image) { background-color: #1c3159 !important; } .grid-product__colors .color-swatch--gece-mavisi:not(.color-swatch--with-image) { background-color: #101f3d !important; } .grid-product__colors .color-swatch--koyu-mavi:not(.color-swatch--with-image) { background-color: #214c7a !important; } .grid-product__colors .color-swatch--mavi:not(.color-swatch--with-image) { background-color: #3977b8 !important; } .grid-product__colors .color-swatch--acik-mavi:not(.color-swatch--with-image) { background-color: #79b4dd !important; } .grid-product__colors .color-swatch--bebe-mavisi:not(.color-swatch--with-image) { background-color: #9fcce6 !important; } .grid-product__colors .color-swatch--buz-mavi:not(.color-swatch--with-image) { background-color: #b6dce5 !important; } .grid-product__colors .color-swatch--su-mavisi:not(.color-swatch--with-image) { background-color: #82c7d8 !important; } .grid-product__colors .color-swatch--saks:not(.color-swatch--with-image) { background-color: #1557c0 !important; } .grid-product__colors .color-swatch--indigo:not(.color-swatch--with-image) { background-color: #3f3d8f !important; } .grid-product__colors .color-swatch--turkuaz:not(.color-swatch--with-image) { background-color: #22a6a8 !important; } .grid-product__colors .color-swatch--petrol:not(.color-swatch--with-image), .grid-product__colors .color-swatch--petrol-mavi:not(.color-swatch--with-image), .grid-product__colors .color-swatch--petrol-mavisi:not(.color-swatch--with-image) { background-color: #087582 !important; } .grid-product__colors .color-swatch--petrol-yesili:not(.color-swatch--with-image) { background-color: #1e6f65 !important; } .grid-product__colors .color-swatch--yesil:not(.color-swatch--with-image) { background-color: #287442 !important; } .grid-product__colors .color-swatch--acik-yesil:not(.color-swatch--with-image) { background-color: #69a76a !important; } .grid-product__colors .color-swatch--koyu-yesil:not(.color-swatch--with-image) { background-color: #215b36 !important; } .grid-product__colors .color-swatch--fistik-yesili:not(.color-swatch--with-image), .grid-product__colors .color-swatch--fistik-yesil:not(.color-swatch--with-image) { background-color: #79a83b !important; } .grid-product__colors .color-swatch--filizi-yesil:not(.color-swatch--with-image), .grid-product__colors .color-swatch--filizi-yesili:not(.color-swatch--with-image) { background-color: #69ad3c !important; } .grid-product__colors .color-swatch--mint-yesili:not(.color-swatch--with-image) { background-color: #82c5a0 !important; } .grid-product__colors .color-swatch--nil-yesili:not(.color-swatch--with-image) { background-color: #5fae9b !important; } .grid-product__colors .color-swatch--su-yesili:not(.color-swatch--with-image) { background-color: #8acbb2 !important; } .grid-product__colors .color-swatch--adacayi:not(.color-swatch--with-image) { background-color: #91a98b !important; } .grid-product__colors .color-swatch--haki:not(.color-swatch--with-image) { background-color: #66703d !important; } .grid-product__colors .color-swatch--zumrut:not(.color-swatch--with-image) { background-color: #08734f !important; } .grid-product__colors .color-swatch--asit:not(.color-swatch--with-image) { background-color: #b7df31 !important; } .grid-product__colors .color-swatch--sari:not(.color-swatch--with-image) { background-color: #e8c638 !important; } .grid-product__colors .color-swatch--hardal:not(.color-swatch--with-image) { background-color: #c39722 !important; } .grid-product__colors .color-swatch--safran:not(.color-swatch--with-image) { background-color: #d69a19 !important; } .grid-product__colors .color-swatch--gold:not(.color-swatch--with-image) { background-color: #c9a227 !important; } .grid-product__colors .color-swatch--turuncu:not(.color-swatch--with-image), .grid-product__colors .color-swatch--oranj:not(.color-swatch--with-image) { background-color: #df7b2d !important; } .grid-product__colors .color-swatch--nar-cicegi:not(.color-swatch--with-image), .grid-product__colors .color-swatch--narcicegi:not(.color-swatch--with-image) { background-color: #e44438 !important; } .grid-product__colors .color-swatch--kiremit:not(.color-swatch--with-image) { background-color: #a64b32 !important; } .grid-product__colors .color-swatch--laci-ekru:not(.color-swatch--with-image), .grid-product__colors .color-swatch--lacivert-ekru:not(.color-swatch--with-image) { background: linear-gradient(135deg,#1c3159 50%,#f1eadb 50%) !important; } .grid-product__colors .color-swatch--siyah-bej:not(.color-swatch--with-image) { background: linear-gradient(135deg,#171717 50%,#cdbb9d 50%) !important; } .grid-product__colors .color-swatch--siyah-beyaz:not(.color-swatch--with-image), .grid-product__colors .color-swatch--siyah-beyaz-cizgili:not(.color-swatch--with-image) { background: repeating-linear-gradient(90deg,#171717 0 5px,#fff 5px 10px) !important; } .grid-product__colors .color-swatch--siyah-ekru:not(.color-swatch--with-image) { background: linear-gradient(135deg,#171717 50%,#f1eadb 50%) !important; } .grid-product__colors .color-swatch--siyah-gri:not(.color-swatch--with-image) { background: linear-gradient(135deg,#171717 50%,#858585 50%) !important; } .grid-product__colors .color-swatch--siyah-murdum:not(.color-swatch--with-image) { background: linear-gradient(135deg,#171717 50%,#63314f 50%) !important; } .grid-product__colors .color-swatch--siyah-tas:not(.color-swatch--with-image) { background: linear-gradient(135deg,#171717 50%,#aaa293 50%) !important; } .grid-product__colors .color-swatch--zumrut-tas:not(.color-swatch--with-image) { background: linear-gradient(135deg,#08734f 50%,#aaa293 50%) !important; } .grid-product__colors .color-swatch--leopar:not(.color-swatch--with-image) { background: radial-gradient(circle at 30% 35%,#2a1b14 0 12%,transparent 13%),radial-gradient(circle at 70% 65%,#2a1b14 0 12%,transparent 13%),#bd8b4c !important; } /* Listeleme kartlarındaki renk varyantlarını dikey küçük ürün görsellerine dönüştür */ .grid-product__colors .color-swatch--small { display: block; width: 38px !important; height: 52px !important; margin: 5px 6px; border: 1px solid rgba(38, 48, 58, 0.18) !important; border-radius: 1px !important; box-sizing: border-box; background-size: cover !important; background-position: center top !important; transform: none !important; transition: border-color .18s ease, box-shadow .18s ease, opacity .18s ease; } .grid-product__colors .color-swatch--small::before, .grid-product__colors .color-swatch--small::after { display: none !important; border: 0 !important; box-shadow: none !important; content: none !important; } .grid-product__colors .color-swatch--small:hover, .grid-product__colors .color-swatch--small:focus-visible { border-color: #26303a !important; box-shadow: 0 0 0 2px #fff, 0 0 0 3px #26303a; } @media only screen and (max-width: 768px) { .grid-product__colors .color-swatch--small { width: 15px !important; height: 21px !important; margin: 2px; } } .grid-product__colors { display: flex; flex-wrap: wrap; align-items: center; } @media only screen and (min-width: 769px) { /* Masaüstü ürün kartlarında isim, fiyat ve renk alanlarını hizala */ .grid-product { display: flex; flex-direction: column; height: 100%; } .grid-product__content { flex: 1 1 auto; } .grid-product__title { display: -webkit-box; min-height: 2.5em; line-height: 1.25; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .grid-product__price { min-height: 1.5em; } .grid-product__colors { min-height: 30px; align-content: center; } } @media only screen and (max-width: 768px) { /* Yan yana ürün kartlarında isim, fiyat ve renk alanlarını hizala */ .grid-product { display: flex; flex-direction: column; height: 100%; } .grid-product__content { flex: 1 1 auto; } .grid-product__title { display: -webkit-box; min-height: 3.75em; line-height: 1.25; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .grid-product__price { min-height: 2.75em; white-space: normal; } .grid-product__colors { min-height: 30px; align-content: center; } .grid-product__price .muheyya-grid-sale-price { font-size: 15px !important; } .grid-product__price .grid-product__price--savings { display: block; width: 100%; margin-top: 4px; font-size: 12px !important; line-height: 1.2; } } @media only screen and (max-width: 768px) { .grid-product .grid-product__colors { flex-wrap: wrap !important; gap: 6px !important; max-width: 100%; padding: 4px 2px !important; } .grid-product .grid-product__colors .color-swatch.color-swatch--small { width: 22.5px !important; height: 31.5px !important; min-width: 22.5px !important; flex: 0 0 22.5px !important; margin: 0 !important; background-size: cover !important; background-position: center top !important; } } /* END_SNIPPET:product-grid-item */