/** Shopify CDN: Minification failed

Line 39:0 All "@import" rules must come first
Line 41:0 All "@import" rules must come first

**/
/*
  CSS variables merged from 8 pages
*/

.hassan-khachab-section {
  --header-height: 50px;
  --sans-serif-font: "Proxima Nova", "Helvetica", "Arial", sans-serif;
  --aside-width: 400px;
  --cart-aside-summary-height-with-discount: 300px;
  --float-z-index: 1;
  --overlay-z-index: 10;
  --serif-font: "Bookmania", "Times New Roman", serif;
  --color-dark: #000;
  --cart-aside-summary-height: 250px;
  --aside-padding: 15px 22px;
  --color-light: #fff;
  --swiper-theme-color: #007aff;
  --grid-item-width: 355px;
  --header-z-index: 5;
  --header-height-desktop: 90px;
  --aside-padding-desktop: 30px 40px;
  --banner-height: 40px;
}
    .product-details summary{
      padding-block:14px;
    }
/*
  Inline CSS rules merged and deduplicated
*/

@layer base, atoms, organisms, components, sections, utils;

@import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&display=swap");

@import url("https://use.typekit.net/qvo8nln.css");

@font-face { font-family: Bookmania; src: url("https://cdn.shopify.com/s/files/1/0588/9340/2261/t/27/assets/Bookmania-Regular.ttf"); font-weight: 500; font-style: normal; font-display: swap; }

@font-face { font-family: Poppins-Klaviyo-Hosted; src: url("https://static.klaviyo.com/onsite/hosted-fonts/Poppins/latin/poppins_latin_italic_400.woff2"); font-weight: 400; font-style: italic; font-display: swap; }

@font-face { font-family: Poppins-Klaviyo-Hosted; src: url("https://static.klaviyo.com/onsite/hosted-fonts/Poppins/latin/poppins_latin_italic_700.woff2"); font-weight: 700; font-style: italic; font-display: swap; }

@font-face { font-family: Poppins-Klaviyo-Hosted; src: url("https://static.klaviyo.com/onsite/hosted-fonts/Poppins/latin/poppins_latin_regular_400_2.woff2"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: Poppins-Klaviyo-Hosted; src: url("https://static.klaviyo.com/onsite/hosted-fonts/Poppins/latin/poppins_latin_regular_700.woff2"); font-weight: 700; font-style: normal; font-display: swap; }

.hassan-khachab-section #iframe-frontrow-quant { display: none; }

.hassan-khachab-section #frontrow-sticky-regular { width: 100%; display: none; height: 62px !important; }

.hassan-khachab-section .iframe.frontrow { display: none; position: fixed; inset: 0px; z-index: 99999997; width: 100%; height: 100%; overflow: hidden; }

.hassan-khachab-section #frontrow-badge { background-color: rgb(236, 243, 253); border-radius: 12px; padding: 16px; }

.hassan-khachab-section #frontrow-sticker { width: 92px; left: 2px; top: 0px; transition: height 0.3s ease-in-out; overflow: visible; }

@media (min-width: 769px) {
  .hassan-khachab-section #frontrow-sticker { transform: scale(1.3); transform-origin: left top; }
}

.hassan-khachab-section #frontrow-sticker { height: 164px; }