/* =========================
   Design Tokens
   ========================= */
:root {

  /* Typography SP scale (mobile first base) */
  --text-3xs: 12px;
  --text-2xs: 12px;
  --text-xs: 14px;
  --text-s: 16px;
  --text-m: 18px;
  --text-l: 20px;
  --text-xl: 24px;
  --text-2xl: 32px;
  --text-3xl: 38px;
  --text-4xl: 44px;

  --space-4xs: 2px;
  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 12px;
  --space-s: 16px;
  --space-m: 24px;
  --space-l: 32px;
  --space-xl: 48px;
  --space-2xl: 64px;
  --space-3xl: 80px;
  --space-4xl: 128px;

  /* Color palette */
  --primary: #16325b;
  --primary-l-1: #eaf1fa;
  --primary-l-2: #c1d4f0;
  --primary-l-3: #6f9bdc;
  --primary-d-1: #162746;
  --primary-d-2: #131c2f;
  --primary-d-3: #0d111c;

  --secondary: #78b7d0;
  --secondary-l-1: #ecf5f8;
  --secondary-l-2: #c6e1eb;
  --secondary-l-3: #7bb8d1;
  --secondary-d-1: #598597;
  --secondary-d-2: #3c5762;
  --secondary-d-3: #212c31;

  --tertiary: #98b8e6;
  --tertiary-l-1: #aaa893;
  --tertiary-l-2: #cedcf3;
  --tertiary-l-3: #e6edf9;
  --tertiary-d-1: #94917e;
  --tertiary-d-2: #5d5b50;
  --tertiary-d-3: #272c35;

  --grey-darker: #666666;
  --text-title: #251825;
  --text-title-invert: #FFFFFF;
  --text-body-invert: #FFFFFF;
  --white: #FFFFFF;
  --dark: #000000;
  --error: #EC122E;
  --bg-cloudy: #F5F5F5;
  --border-secondary: #CCCCCC;
  
    /* gray button */
    --disabled-button:#999;

  /* Wine Color */
  --wine-all: #6F9BDC;
  --wine-white: #F7F1B0;
  --wine-sparkling: #C3BA9E;
  --wine-red: #A24040;
  --wine-orange: #D77C15;
  --wine-rose: #DF6893;
  --wine-rosé: #DF6893;
  --wine-dessert: #D4A017;
  --wine-spirits: #C47A2C;

  /* Flags */
   --flag-fr: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M19.9997 15.0001C19.9997 15.5894 19.7655 16.1547 19.3488 16.5714C18.9321 16.9882 18.3668 17.2223 17.7775 17.2223H13.333V2.77783H17.7775C18.3668 2.77783 18.9321 3.01196 19.3488 3.42871C19.7655 3.84545 19.9997 4.41068 19.9997 5.00005V15.0001Z' fill='%23ED2939'/%3E%3Cpath d='M2.22222 2.77783C1.63285 2.77783 1.06762 3.01196 0.650874 3.42871C0.234126 3.84545 0 4.41068 0 5.00005L0 15.0001C0 15.5894 0.234126 16.1547 0.650874 16.5714C1.06762 16.9882 1.63285 17.2223 2.22222 17.2223H6.66667V2.77783H2.22222Z' fill='%23002495'/%3E%3Cpath d='M6.66699 2.77783H13.3337V17.2223H6.66699V2.77783Z' fill='%23EEEEEE'/%3E%3C/svg%3E");

  --flag-au: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17.7778 2.77783H2.22222C2.10815 2.77783 1.9963 2.78617 1.88667 2.80283L1.88444 3.77728L0.367778 3.77505C0.127785 4.13852 -0.000105345 4.5645 6.51086e-08 5.00005V15.0001C6.51086e-08 15.5894 0.234126 16.1547 0.650874 16.5714C1.06762 16.9881 1.63285 17.2223 2.22222 17.2223H17.7778C18.3671 17.2223 18.9324 16.9881 19.3491 16.5714C19.7659 16.1547 20 15.5894 20 15.0001V5.00005C20 4.41068 19.7659 3.84545 19.3491 3.42871C18.9324 3.01196 18.3671 2.77783 17.7778 2.77783Z' fill='%2300247D'/%3E%3Cpath d='M5.00016 14.457L4.32128 15.0842L4.3885 14.162L3.47461 14.0225L4.23739 13.5003L3.77683 12.6987L4.66072 12.9698L5.00016 12.1092L5.34017 12.9698L6.22405 12.6987L5.76294 13.5003L6.52628 14.0225L5.61239 14.162L5.67961 15.0842L5.00016 14.457ZM15.5279 5.31199L15.0841 5.72199L15.1279 5.11866L14.5296 5.02755L15.0291 4.68588L14.7279 4.16143L15.3057 4.33866L15.5279 3.77588L15.7507 4.33866L16.3291 4.16143L16.0274 4.68588L16.5263 5.02755L15.9285 5.11866L15.9724 5.72199L15.5279 5.31199ZM13.3057 8.64532L12.8618 9.05588L12.9057 8.45255L12.3074 8.36143L12.8068 8.01921L12.5057 7.49477L13.0835 7.67199L13.3057 7.10921L13.5285 7.67199L14.1068 7.49477L13.8052 8.01921L14.3041 8.36143L13.7063 8.45255L13.7502 9.05588L13.3057 8.64532ZM18.3057 7.53421L17.8618 7.94477L17.9057 7.34143L17.3074 7.25032L17.8068 6.9081L17.5057 6.38366L18.0835 6.56088L18.3057 5.9981L18.5285 6.56088L19.1068 6.38366L18.8052 6.9081L19.3041 7.25032L18.7063 7.34143L18.7502 7.94477L18.3057 7.53421ZM15.5279 15.312L15.0841 15.7225L15.1279 15.1192L14.5296 15.0281L15.0291 14.6859L14.7279 14.1614L15.3057 14.3387L15.5279 13.7759L15.7507 14.3387L16.3291 14.1614L16.0274 14.6859L16.5263 15.0281L15.9285 15.1192L15.9724 15.7225L15.5279 15.312ZM17.2224 8.88866L17.3857 9.21977L17.7507 9.27255L17.4868 9.52977L17.5491 9.89366L17.2224 9.72199L16.8957 9.89366L16.9579 9.52977L16.6941 9.27255L17.0591 9.21977L17.2224 8.88866Z' fill='white'/%3E%3Cpath d='M10.5556 10.0001V2.77783H2.22222C2.04444 2.77783 1.88667 2.80283 1.88667 2.80283L1.88444 3.77728L0.367778 3.77505C0.367778 3.77505 0.344445 3.80783 0.297222 3.88894C0.102356 4.22681 -0.000151588 4.61002 1.68255e-07 5.00005V10.0001H10.5556Z' fill='%2300247D'/%3E%3Cpath d='M10.5556 2.77783H9.26056L6.66667 4.59394V2.77783H3.88889V4.20505L1.88667 2.80283C1.55268 2.85268 1.23477 2.97913 0.957778 3.17228L3.57 5.00005H2.60556L0.537222 3.55061C0.476059 3.62177 0.419464 3.69674 0.367778 3.77505L2.11833 5.00005H0V7.77783H2.15833L0 9.3145V10.0001H1.85111L3.88889 8.57339V10.0001H6.66667V8.18394L9.26 10.0001H10.5556V8.87283L8.99167 7.77783H10.5556V5.00005H8.99222L10.5556 3.90505V2.77783Z' fill='%23EEEEEE'/%3E%3Cpath d='M6.11111 2.77783H4.44444V5.55561H0V7.22228H4.44444V10.0001H6.11111V7.22228H10.5556V5.55561H6.11111V2.77783Z' fill='%23CF1B2B'/%3E%3Cpath d='M10.5555 2.77783H9.74383L6.6666 4.93283V5.00005H7.53938L10.5555 2.88783V2.77783ZM0.957715 3.17228C0.801985 3.27996 0.660655 3.4071 0.537159 3.55061L2.60549 5.00005H3.56938L0.957715 3.17228ZM3.57605 7.77783L0.407715 10.0001H1.36716L3.88883 8.2345V7.77783H3.57605ZM10.5555 9.89005V9.21228L8.50716 7.77783H7.53883L10.5555 9.89005Z' fill='%23CF1B2B'/%3E%3C/svg%3E");

  --flag-us: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.125 5.21826V6.32753H19.9891C19.9725 5.96981 19.9369 5.51757 19.8094 5.21826' fill='%23EC1C24'/%3E%3Cpath d='M19.25 4.10938H8.125V5.21865H19.8094C19.6825 4.8048 19.4937 4.42739 19.25 4.10938Z' fill='%23E6E7E8'/%3E%3Cpath d='M16.875 3H8.125V4.10927H19.25C18.7284 3.42336 17.87 3 16.875 3Z' fill='%23EC1C24'/%3E%3Cpath d='M19.9891 6.32812H8.125V7.4374H20V6.69799C20 6.63203 19.9959 6.5677 19.9941 6.50305C19.9928 6.48533 19.9909 6.43971 19.9891 6.32812Z' fill='%23E6E7E8'/%3E%3Cpath d='M8.125 8.54579H20V7.43652H8.125V8.54579Z' fill='%23EC1C24'/%3E%3Cpath d='M8.125 9.65566H20V8.54639H8.125V9.65566Z' fill='%23E6E7E8'/%3E%3Cpath d='M8.125 9.65576H20V10.765H8.125V9.65576Z' fill='%23EC1C24'/%3E%3Cpath d='M0 10.7646V11.8739H20V10.7646H8.125H0Z' fill='%23E6E7E8'/%3E%3Cpath d='M0 11.8745H20V12.9838H0V11.8745Z' fill='%23EC1C24'/%3E%3Cpath d='M0.0015625 13.6652C0.0015625 13.6652 -0.00125 13.934 0.00625 14.0922H19.9937C20.0025 13.9301 19.9984 13.6652 19.9984 13.6652L20 12.9829H0L0.0015625 13.6652Z' fill='%23E6E7E8'/%3E%3Cpath d='M3.1249 17.44H16.8749C17.8727 17.44 18.7021 17.0593 19.2687 16.311H0.728027C1.31303 17.0757 2.15803 17.44 3.12334 17.44' fill='%23EC1C24'/%3E%3Cpath d='M0.72959 16.3104H19.2702C19.5173 15.9806 19.7019 15.604 19.814 15.2012H0.188965C0.303304 15.6028 0.4871 15.9788 0.731152 16.3104' fill='%23E6E7E8'/%3E%3Cpath d='M0.187598 15.202H19.8126C19.9149 14.8412 19.9757 14.4688 19.9938 14.0928H0.00634766C0.0372852 14.4722 0.0660352 14.7587 0.187598 15.202Z' fill='%23EC1C24'/%3E%3Cpath d='M8.125 3H3.125C1.05406 3 0 4.61632 0 6.61005V10.7649H8.125V3Z' fill='%23176496'/%3E%3Cpath d='M0.874395 4.96172L1.04439 4.82454L1.21408 4.96172L1.14814 4.74118L1.31721 4.60629H1.10846L1.04377 4.38477L0.979395 4.60629H0.770957L0.940645 4.74118L0.874395 4.96172ZM1.99752 4.96172L2.16752 4.82454L2.33721 4.96172L2.27158 4.74118L2.44033 4.60629H2.23189L2.16721 4.38477L2.10283 4.60629H1.89377L2.06346 4.74118L1.99752 4.96172ZM3.23658 4.96172L3.40627 4.82454L3.57627 4.96172L3.51033 4.74118L3.67908 4.60629H3.47189L3.40627 4.38477L3.34158 4.60629H3.13439L3.30221 4.74118L3.23658 4.96172ZM4.46658 4.96172L4.63627 4.82454L4.80627 4.96172L4.74064 4.74118L4.90939 4.60629H4.70002L4.63627 4.38477L4.57189 4.60629H4.36314L4.53252 4.74118L4.46658 4.96172ZM5.70096 4.96172L5.87096 4.82454L6.04064 4.96172L5.97502 4.74118L6.14408 4.60629H5.93502L5.87064 4.38477L5.80627 4.60629H5.59783L5.76658 4.74118L5.70096 4.96172ZM1.47221 5.53768L1.64189 5.40083L1.81158 5.53768L1.74627 5.31747L1.91502 5.18259H1.70627L1.64158 4.96139L1.57814 5.18259H1.36877L1.53783 5.31747L1.47221 5.53768ZM2.59564 5.53768L2.76533 5.40083L2.93502 5.53768L2.86939 5.31747L3.03814 5.18259H2.82814L2.76533 4.96139L2.70064 5.18259H2.49221L2.66127 5.31747L2.59564 5.53768ZM3.83471 5.53768L4.00408 5.40083L4.17377 5.53768L4.10814 5.31747L4.27721 5.18259H4.06877L4.00408 4.96139L3.93939 5.18259H3.73064L3.89971 5.31747L3.83471 5.53768ZM5.06408 5.53768L5.23408 5.40083L5.40408 5.53768L5.33752 5.31747L5.50689 5.18259H5.29846L5.23377 4.96139L5.16971 5.18259H4.96096L5.13002 5.31747L5.06408 5.53768ZM6.30002 5.53768L6.46846 5.40083L6.63814 5.53768L6.57189 5.31747L6.74127 5.18259H6.53314L6.46814 4.96139L6.40408 5.18259H6.19533L6.36439 5.31747L6.30002 5.53768ZM6.99596 4.96172L7.16564 4.82454L7.33564 4.96172L7.26971 4.74118L7.43846 4.60629H7.23127L7.16533 4.38477L7.10096 4.60629H6.89064L7.06158 4.74118L6.99596 4.96172ZM0.857832 9.57077L1.02783 9.43523L1.19752 9.57077L1.13189 9.3522L1.30064 9.21698L1.09221 9.21764L1.02721 8.99644L0.963457 9.21764L0.754395 9.21698L0.923457 9.3522L0.857832 9.57077ZM1.98127 9.57077L2.15096 9.43523L2.32096 9.57077L2.25502 9.3522L2.42377 9.21698L2.21564 9.21764L2.15064 8.99644L2.08658 9.21764L1.87814 9.21698L2.04689 9.3522L1.98127 9.57077ZM3.22033 9.57077L3.39002 9.43523L3.56002 9.57077L3.49408 9.3522L3.66283 9.21698L3.45314 9.21764L3.38971 8.99644L3.32533 9.21764L3.11689 9.21698L3.28596 9.3522L3.22033 9.57077ZM4.45033 9.57077L4.62002 9.43523L4.78971 9.57077L4.72502 9.3522L4.89283 9.21698L4.68408 9.21764L4.61971 8.99644L4.55533 9.21764L4.34689 9.21698L4.51564 9.3522L4.45033 9.57077ZM5.68439 9.57077L5.85439 9.43523L6.02439 9.57077L5.95939 9.3522L6.12721 9.21698L5.91877 9.21764L5.85408 8.99644L5.79002 9.21764L5.58127 9.21698L5.75002 9.3522L5.68439 9.57077ZM6.97939 9.57077L7.14908 9.43523L7.31908 9.57077L7.25314 9.3522L7.42221 9.21698L7.21252 9.21764L7.14877 8.99644L7.08439 9.21764L6.87502 9.21698L7.04502 9.3522L6.97939 9.57077ZM0.874395 6.11431L1.04439 5.97713L1.21408 6.11431L1.14814 5.89377L1.31721 5.75888L1.10846 5.75954L1.04377 5.53768L0.979395 5.75954L0.770957 5.75888L0.940645 5.89377L0.874395 6.11431ZM1.99752 6.11431L2.16752 5.97713L2.33721 6.11431L2.27158 5.89377L2.44033 5.75888L2.23189 5.75954L2.16721 5.53768L2.10283 5.75954L1.89377 5.75888L2.06346 5.89377L1.99752 6.11431ZM3.23658 6.11431L3.40627 5.97713L3.57627 6.11431L3.51033 5.89377L3.67908 5.75888L3.47189 5.75954L3.40627 5.53768L3.34158 5.75954L3.13439 5.75888L3.30221 5.89377L3.23658 6.11431ZM4.46658 6.11431L4.63627 5.97713L4.80627 6.11431L4.74064 5.89377L4.90939 5.75888L4.70002 5.75954L4.63627 5.53768L4.57189 5.75954L4.36314 5.75888L4.53252 5.89377L4.46658 6.11431ZM5.70096 6.11431L5.87096 5.97713L6.04064 6.11431L5.97502 5.89377L6.14408 5.75888L5.93502 5.75954L5.87064 5.53768L5.80627 5.75954L5.59783 5.75888L5.76658 5.89377L5.70096 6.11431ZM1.47221 6.6906L1.64189 6.55375L1.81158 6.6906L1.74627 6.47039L1.91502 6.33485H1.70627L1.64158 6.11431L1.57814 6.33485H1.36877L1.53783 6.47039L1.47221 6.6906ZM2.59564 6.6906L2.76533 6.55375L2.93502 6.6906L2.86939 6.47039L3.03814 6.33485H2.82814L2.76533 6.11431L2.70064 6.33485H2.49221L2.66127 6.47039L2.59564 6.6906ZM3.83471 6.6906L4.00408 6.55375L4.17377 6.6906L4.10814 6.47039L4.27721 6.33485H4.06877L4.00408 6.11431L3.93939 6.33485H3.73064L3.89971 6.47039L3.83471 6.6906ZM5.06408 6.6906L5.23408 6.55375L5.40408 6.6906L5.33752 6.47039L5.50689 6.33485H5.29846L5.23377 6.11431L5.16971 6.33485H4.96096L5.13002 6.47039L5.06408 6.6906ZM6.30002 6.6906L6.46846 6.55375L6.63814 6.6906L6.57189 6.47039L6.74127 6.33485H6.53314L6.46814 6.11431L6.40408 6.33485H6.19533L6.36439 6.47039L6.30002 6.6906ZM6.99596 6.11431L7.16564 5.97713L7.33564 6.11431L7.26971 5.89377L7.43846 5.75888L7.23127 5.75954L7.16533 5.53768L7.10096 5.75954L6.89064 5.75888L7.06158 5.89377L6.99596 6.11431ZM0.857832 7.2669L1.02783 7.13005L1.19752 7.2669L1.13158 7.04701L1.30064 6.9118L1.09189 6.91246L1.02721 6.6906L0.963457 6.91246L0.754395 6.9118L0.923457 7.04701L0.857832 7.2669ZM1.98127 7.2669L2.15096 7.13005L2.32096 7.2669L2.25502 7.04701L2.42377 6.9118L2.21564 6.91246L2.15064 6.6906L2.08658 6.91246L1.87814 6.9118L2.04658 7.04701L1.98127 7.2669ZM3.22033 7.2669L3.39002 7.13005L3.55971 7.2669L3.49408 7.04701L3.66283 6.9118L3.45314 6.91246L3.38971 6.6906L3.32533 6.91246L3.11689 6.9118L3.28596 7.04701L3.22033 7.2669ZM4.45033 7.2669L4.61971 7.13005L4.78971 7.2669L4.72502 7.04701L4.89283 6.9118L4.68408 6.91246L4.61971 6.6906L4.55533 6.91246L4.34689 6.9118L4.51564 7.04701L4.45033 7.2669ZM5.68439 7.2669L5.85439 7.13005L6.02408 7.2669L5.95939 7.04701L6.12721 6.9118L5.91846 6.91246L5.85408 6.6906L5.79002 6.91246L5.58127 6.9118L5.75002 7.04701L5.68439 7.2669ZM1.45564 7.84319L1.62533 7.70667L1.79502 7.84319L1.72971 7.62462L1.89814 7.48875H1.68939L1.62502 7.2669L1.56096 7.48875H1.35221L1.52127 7.62462L1.45564 7.84319ZM2.57908 7.84319L2.74877 7.70667L2.91846 7.84319L2.85283 7.62462L3.02158 7.48875H2.81252L2.74846 7.2669L2.68408 7.48875H2.47533L2.64471 7.62462L2.57908 7.84319ZM3.81846 7.84319L3.98752 7.70667L4.15752 7.84319L4.09064 7.62462L4.26064 7.48875H4.05221L3.98752 7.2669L3.92314 7.48875H3.71439L3.88346 7.62462L3.81846 7.84319ZM5.04689 7.84319L5.21752 7.70667L5.38752 7.84319L5.32189 7.62462L5.49033 7.48875H5.28189L5.21721 7.2669L5.15314 7.48875H4.94439L5.11346 7.62462L5.04689 7.84319ZM6.28127 7.84319L6.45189 7.70667L6.62189 7.84319L6.55596 7.62462L6.72533 7.48875H6.51689L6.45189 7.2669L6.38752 7.48875H6.17877L6.34783 7.62462L6.28127 7.84319ZM6.97939 7.2669L7.14908 7.13005L7.31877 7.2669L7.25314 7.04701L7.42221 6.9118L7.21252 6.91246L7.14877 6.6906L7.08439 6.91246L6.87502 6.9118L7.04502 7.04701L6.97939 7.2669ZM0.857832 8.41982L1.02783 8.28428L1.19752 8.41982L1.13158 8.1996L1.30064 8.06439L1.09189 8.06505L1.02721 7.84319L0.963457 8.06505L0.754395 8.06439L0.923457 8.1996L0.857832 8.41982ZM1.98127 8.41982L2.15096 8.28428L2.32096 8.41982L2.25502 8.1996L2.42377 8.06439L2.21564 8.06505L2.15064 7.84319L2.08658 8.06505L1.87814 8.06439L2.04658 8.1996L1.98127 8.41982ZM3.22033 8.41982L3.39002 8.28428L3.55971 8.41982L3.49408 8.1996L3.66283 8.06439L3.45314 8.06505L3.38971 7.84319L3.32533 8.06505L3.11689 8.06439L3.28596 8.1996L3.22033 8.41982ZM4.45033 8.41982L4.61971 8.28428L4.78971 8.41982L4.72502 8.1996L4.89283 8.06439L4.68408 8.06505L4.61971 7.84319L4.55533 8.06505L4.34689 8.06439L4.51564 8.1996L4.45033 8.41982ZM5.68439 8.41982L5.85439 8.28428L6.02408 8.41982L5.95939 8.1996L6.12721 8.06439L5.91846 8.06505L5.85408 7.84319L5.79002 8.06505L5.58127 8.06439L5.75002 8.1996L5.68439 8.41982ZM1.45564 8.99644L1.62533 8.85926L1.79502 8.99644L1.72971 8.7759L1.89814 8.642H1.68939L1.62502 8.41982L1.56096 8.642H1.35221L1.52127 8.7759L1.45564 8.99644ZM2.57908 8.99644L2.74877 8.85926L2.91846 8.99644L2.85283 8.7759L3.02158 8.642H2.81252L2.74846 8.41982L2.68408 8.642H2.47533L2.64471 8.7759L2.57908 8.99644ZM3.81846 8.99644L3.98752 8.85926L4.15752 8.99644L4.09064 8.7759L4.26064 8.642H4.05221L3.98752 8.41982L3.92314 8.642H3.71439L3.88346 8.7759L3.81846 8.99644ZM5.04689 8.99644L5.21752 8.85926L5.38752 8.99644L5.32189 8.7759L5.49033 8.642H5.28189L5.21721 8.41982L5.15314 8.642H4.94439L5.11346 8.7759L5.04689 8.99644ZM6.28127 8.99644L6.45189 8.85926L6.62189 8.99644L6.55596 8.7759L6.72533 8.642H6.51689L6.45189 8.41982L6.38752 8.642H6.17877L6.34783 8.7759L6.28127 8.99644ZM6.97939 8.41982L7.14908 8.28428L7.31877 8.41982L7.25314 8.1996L7.42221 8.06439L7.21252 8.06505L7.14877 7.84319L7.08439 8.06505L6.87502 8.06439L7.04502 8.1996L6.97939 8.41982Z' fill='white'/%3E%3C/svg%3E");

  --flag-uk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M0 5.03283V7.22228H3.12667L0 5.03283ZM2.59111 17.2223H7.22222V13.9795L2.59111 17.2223ZM12.7778 13.9801V17.2223H17.4083L12.7778 13.9801ZM0 12.7778V14.9673L3.12778 12.7778H0ZM17.4094 2.77783H12.7778V6.02061L17.4094 2.77783ZM20 14.9678V12.7778H16.8717L20 14.9678ZM20 7.22228V5.03283L16.8728 7.22228H20ZM7.22222 2.77783H2.59111L7.22222 6.02061V2.77783Z' fill='%2300247D'/%3E%3Cpath d='M13.9668 12.7779L19.3624 16.5562C19.6254 16.2844 19.8147 15.95 19.9124 15.5846L15.9041 12.7779H13.9668ZM7.2224 12.7779H6.03296L0.637958 16.5557C0.927402 16.8501 1.29851 17.0607 1.71462 17.1585L7.2224 13.3018V12.7779ZM12.778 7.22235H13.9674L19.3624 3.44457C19.0678 3.14613 18.6947 2.93715 18.2863 2.8418L12.778 6.69846V7.22235ZM6.03296 7.22235L0.637958 3.44457C0.374718 3.71632 0.185215 4.05077 0.0874023 4.41624L4.09574 7.22235H6.03296Z' fill='%23CF1B2B'/%3E%3Cpath d='M20 11.6667H11.6667V17.2223H12.7778V13.9801L17.4083 17.2223H17.7778C18.0729 17.222 18.365 17.163 18.637 17.0486C18.909 16.9342 19.1556 16.7668 19.3622 16.5562L13.9667 12.7778H15.9039L19.9122 15.5845C19.9639 15.3973 20 15.2034 20 15.0001V14.9678L16.8717 12.7778H20V11.6667ZM0 11.6667V12.7778H3.12778L0 14.9673V15.0001C0 15.6062 0.243889 16.1545 0.637778 16.5556L6.03278 12.7778H7.22222V13.3017L1.71444 17.1578C1.87778 17.1967 2.04667 17.2223 2.22222 17.2223H2.59111L7.22222 13.9795V17.2223H8.33333V11.6667H0ZM20 5.00005C20.0005 4.41779 19.7713 3.85882 19.3622 3.4445L13.9672 7.22228H12.7778V6.69839L18.2861 2.84172C18.1197 2.8009 17.9491 2.77946 17.7778 2.77783H17.4094L12.7778 6.02061V2.77783H11.6667V8.33339H20V7.22228H16.8728L20 5.03283V5.00005ZM7.22222 2.77783V6.02061L2.59111 2.77783H2.22222C1.92708 2.77817 1.63497 2.8373 1.36293 2.95176C1.09089 3.06622 0.844375 3.23373 0.637778 3.4445L6.03278 7.22228H4.09556L0.0872222 4.41617C0.0323093 4.60605 0.00297644 4.80241 0 5.00005L0 5.03283L3.12667 7.22228H0V8.33339H8.33333V2.77783H7.22222Z' fill='%23EEEEEE'/%3E%3Cpath d='M11.6667 8.33339V2.77783H8.33333V8.33339H0V11.6667H8.33333V17.2223H11.6667V11.6667H20V8.33339H11.6667Z' fill='%23CF1B2B'/%3E%3C/svg%3E");
  
  --flag-cl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.22222 2.77783H2.22222C1.63285 2.77783 1.06762 3.01196 0.650874 3.42871C0.234126 3.84545 0 4.41068 0 5.00005L0 10.0001H7.22222V2.77783ZM4.63167 7.94005L3.58611 7.18061L2.54056 7.94005L2.94 6.71117L1.89444 5.95117H3.18667L3.58611 4.72228L3.98556 5.95117H5.27778L4.23222 6.71117L4.63167 7.94005Z' fill='%231F429B'/%3E%3Cpath d='M17.7777 2.77783H7.22217V10.0001H19.9999V5.00005C19.9999 4.41068 19.7658 3.84545 19.3491 3.42871C18.9323 3.01196 18.3671 2.77783 17.7777 2.77783Z' fill='%23FFFFFF'/%3E%3Cpath d='M0 10V15C0 15.5894 0.234126 16.1546 0.650874 16.5713C1.06762 16.9881 1.63285 17.2222 2.22222 17.2222H17.7778C18.3671 17.2222 18.9324 16.9881 19.3491 16.5713C19.7659 16.1546 20 15.5894 20 15V10H0Z' fill='%23D42D27'/%3E%3Cpath d='M3.98564 5.95106L3.5862 4.72217L3.18675 5.95106H1.89453L2.94009 6.71106L2.54064 7.93995L3.5862 7.1805L4.63175 7.93995L4.23231 6.71106L5.27786 5.95106H3.98564Z' fill='white'/%3E%3C/svg%3E");

  --flag-nz: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17.7778 2.77783H2.22222C2.10815 2.77783 1.9963 2.78617 1.88667 2.80283L1.88444 3.77728L0.367778 3.77505C0.127785 4.13852 -0.000105345 4.5645 6.51086e-08 5.00005V15.0001C6.51086e-08 15.5894 0.234126 16.1547 0.650874 16.5714C1.06762 16.9882 1.63285 17.2223 2.22222 17.2223H17.7778C18.3671 17.2223 18.9324 16.9882 19.3491 16.5714C19.7659 16.1547 20 15.5894 20 15.0001V5.00005C20 4.41068 19.7659 3.84545 19.3491 3.42871C18.9324 3.01196 18.3671 2.77783 17.7778 2.77783Z' fill='%2300247D'/%3E%3Cpath d='M16.2186 5.27792H15.517L15.4092 4.9557L15.2775 4.56348L15.1459 4.9557L15.0381 5.27792H14.3364L14.6336 5.52403L14.8959 5.7407L14.7853 6.06681L14.637 6.50125L15.0014 6.22125L15.2775 6.00848L15.5536 6.22125L15.9181 6.50125L15.7698 6.06681L15.6592 5.7407L15.9214 5.52403L16.2186 5.27792Z' fill='%23EEEDED'/%3E%3Cpath d='M15.2777 5L15.1383 5.41667H14.7222L15.0583 5.695L14.9166 6.11111L15.2777 5.83333L15.6388 6.11111L15.4972 5.695L15.8333 5.41667H15.4172L15.2777 5Z' fill='%23CF1B2B'/%3E%3Cpath d='M16.2186 14.3058H15.517L15.4092 13.9835L15.2775 13.5913L15.1459 13.9835L15.0381 14.3058H14.3364L14.6336 14.5519L14.8959 14.7685L14.7853 15.0946L14.637 15.5291L15.0014 15.2491L15.2775 15.0363L15.5536 15.2491L15.9181 15.5291L15.7698 15.0946L15.6592 14.7685L15.9214 14.5519L16.2186 14.3058Z' fill='%23EEEDED'/%3E%3Cpath d='M15.2777 14.0278L15.1383 14.4445H14.7222L15.0583 14.7228L14.9166 15.1389L15.2777 14.8612L15.6388 15.1389L15.4972 14.7228L15.8333 14.4445H15.4172L15.2777 14.0278Z' fill='%23CF1B2B'/%3E%3Cpath d='M18.4413 7.50009H17.7396L17.6319 7.17787L17.5002 6.78564L17.3685 7.17787L17.2607 7.50009H16.5591L16.8563 7.7462L17.1185 7.96287L17.008 8.28898L16.8596 8.72342L17.2241 8.44342L17.5002 8.23064L17.7763 8.44342L18.1407 8.72342L17.9924 8.28898L17.8819 7.96287L18.1441 7.7462L18.4413 7.50009Z' fill='%23EEEDED'/%3E%3Cpath d='M17.4999 7.22217L17.3604 7.63883H16.9443L17.2804 7.91717L17.1388 8.33328L17.4999 8.0555L17.861 8.33328L17.7193 7.91717L18.0554 7.63883H17.6393L17.4999 7.22217Z' fill='%23CF1B2B'/%3E%3Cpath d='M13.9965 8.61093H13.2948L13.187 8.28871L13.0554 7.89648L12.9237 8.28871L12.8159 8.61093H12.1143L12.4115 8.85704L12.6737 9.07371L12.5631 9.39982L12.4148 9.83426L12.7793 9.55426L13.0554 9.34148L13.3315 9.55426L13.6959 9.83426L13.5476 9.39982L13.437 9.07371L13.6993 8.85704L13.9965 8.61093Z' fill='%23EEEDED'/%3E%3Cpath d='M13.0556 8.3335L12.9161 8.75016H12.5L12.8361 9.0285L12.6944 9.44461L13.0556 9.16683L13.4167 9.44461L13.275 9.0285L13.6111 8.75016H13.195L13.0556 8.3335Z' fill='%23CF1B2B'/%3E%3Cpath d='M10.5556 10.0001V2.77783H2.22222C2.04444 2.77783 1.88667 2.80283 1.88667 2.80283L1.88444 3.77728L0.367778 3.77505C0.367778 3.77505 0.344445 3.80783 0.297222 3.88894C0.102356 4.22681 -0.000151588 4.61002 1.68255e-07 5.00005V10.0001H10.5556Z' fill='%2300247D'/%3E%3Cpath d='M10.5556 2.77783H9.26056L6.66667 4.59394V2.77783H3.88889V4.20505L1.88667 2.80283C1.55268 2.85268 1.23477 2.97913 0.957778 3.17228L3.57 5.00005H2.60556L0.537222 3.55061C0.476059 3.62177 0.419464 3.69674 0.367778 3.77505L2.11833 5.00005H0V7.77783H2.15833L0 9.3145V10.0001H1.85111L3.88889 8.57339V10.0001H6.66667V8.18394L9.26 10.0001H10.5556V8.87283L8.99167 7.77783H10.5556V5.00005H8.99222L10.5556 3.90505V2.77783Z' fill='%23EEEEEE'/%3E%3Cpath d='M6.11111 2.77783H4.44444V5.55561H0V7.22228H4.44444V10.0001H6.11111V7.22228H10.5556V5.55561H6.11111V2.77783Z' fill='%23CF1B2B'/%3E%3Cpath d='M10.5555 2.77783H9.74383L6.6666 4.93283V5.00005H7.53938L10.5555 2.88783V2.77783ZM0.957715 3.17228C0.801985 3.27996 0.660655 3.4071 0.537159 3.55061L2.60549 5.00005H3.56938L0.957715 3.17228ZM3.57605 7.77783L0.407715 10.0001H1.36716L3.88883 8.2345V7.77783H3.57605ZM10.5555 9.89005V9.21228L8.50716 7.77783H7.53883L10.5555 9.89005Z' fill='%23CF1B2B'/%3E%3C/svg%3E");

  --flag-it: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_14523_22886)'%3E%3Cpath d='M20.0002 15.0001C20.0002 15.5894 19.766 16.1547 19.3493 16.5714C18.9325 16.9882 18.3673 17.2223 17.7779 17.2223H13.3335V2.77783H17.7779C18.3673 2.77783 18.9325 3.01196 19.3493 3.42871C19.766 3.84545 20.0002 4.41068 20.0002 5.00005V15.0001Z' fill='%23CE2B37'/%3E%3Cpath d='M2.22222 2.77783C1.63285 2.77783 1.06762 3.01196 0.650874 3.42871C0.234126 3.84545 0 4.41068 0 5.00005L0 15.0001C0 15.5894 0.234126 16.1547 0.650874 16.5714C1.06762 16.9882 1.63285 17.2223 2.22222 17.2223H6.66667V2.77783H2.22222Z' fill='%23009246'/%3E%3Cpath d='M6.6665 2.77783H13.3332V17.2223H6.6665V2.77783Z' fill='%23EEEEEE'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14523_22886'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");

  --flag-pt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_14523_22890)'%3E%3Cpath d='M20 15.0001C20 15.5894 19.7659 16.1547 19.3491 16.5714C18.9324 16.9882 18.3671 17.2223 17.7778 17.2223H2.22222C1.63285 17.2223 1.06762 16.9882 0.650874 16.5714C0.234126 16.1547 0 15.5894 0 15.0001V5.00005C0 4.41068 0.234126 3.84545 0.650874 3.42871C1.06762 3.01196 1.63285 2.77783 2.22222 2.77783H17.7778C18.3671 2.77783 18.9324 3.01196 19.3491 3.42871C19.7659 3.84545 20 4.41068 20 5.00005V15.0001Z' fill='%23006600'/%3E%3Cpath d='M17.7779 2.77783H8.3335V17.2223H17.7779C18.3673 17.2223 18.9325 16.9882 19.3493 16.5714C19.766 16.1547 20.0002 15.5894 20.0002 15.0001V5.00005C20.0002 4.41068 19.766 3.84545 19.3493 3.42871C18.9325 3.01196 18.3673 2.77783 17.7779 2.77783Z' fill='%23D52B1E'/%3E%3Cpath d='M8.33312 5.55566C7.15438 5.55566 6.02391 6.02392 5.19042 6.85741C4.35692 7.69091 3.88867 8.82137 3.88867 10.0001C3.88867 11.1788 4.35692 12.3093 5.19042 13.1428C6.02391 13.9763 7.15438 14.4446 8.33312 14.4446C9.51186 14.4446 10.6423 13.9763 11.4758 13.1428C12.3093 12.3093 12.7776 11.1788 12.7776 10.0001C12.7776 8.82137 12.3093 7.69091 11.4758 6.85741C10.6423 6.02392 9.51186 5.55566 8.33312 5.55566ZM4.93701 8.10789L5.82701 8.99789L4.46034 9.68122C4.50444 9.12864 4.66702 8.59203 4.93701 8.10789ZM4.46034 10.3184L6.90478 11.5446L5.40145 12.5468L5.40923 12.5584C4.86017 11.9333 4.5274 11.1478 4.46034 10.3184ZM7.77756 13.8446C7.26831 13.7718 6.77872 13.598 6.33756 13.3334H7.77756V13.8446ZM7.77756 12.7779H6.05589L7.77756 11.6301V12.7779ZM7.77756 10.9623L7.44034 11.1873L5.06534 10.0001L6.24089 9.41233L7.77756 10.9484V10.9623ZM7.77756 10.1629L5.80923 8.19455L7.77756 8.52233V10.1629ZM7.77756 7.94511L5.31534 7.549C5.93132 6.79105 6.81064 6.29346 7.77756 6.15566V7.94511ZM11.7292 8.10789C11.9993 8.5922 12.1619 9.129 12.2059 9.68178L10.8392 8.99844L11.7292 8.10789ZM8.88867 6.15566C9.85524 6.29451 10.7342 6.7919 11.3509 7.549L8.88867 7.94511V6.15566ZM8.88867 8.52233L10.857 8.194L8.88867 10.1629V8.52233ZM8.88867 10.9484L10.4248 9.41233L11.6009 10.0001L9.22645 11.1873L8.88867 10.9623V10.9484ZM8.88867 13.8446V13.3334H10.3287C9.88751 13.598 9.39793 13.7718 8.88867 13.8446ZM8.88867 12.7779V11.6301L10.6103 12.7779H8.88867ZM11.2576 12.5584L11.2653 12.5468L9.76201 11.5446L12.2065 10.3184C12.1386 11.1476 11.8059 11.9329 11.2576 12.5584Z' fill='%23FFCC4D'/%3E%3Cpath d='M6.11133 7.22217V11.1111C6.11133 11.7004 6.34545 12.2657 6.7622 12.6824C7.17895 13.0992 7.74418 13.3333 8.33355 13.3333C8.92292 13.3333 9.48815 13.0992 9.9049 12.6824C10.3216 12.2657 10.5558 11.7004 10.5558 11.1111V7.22217H6.11133Z' fill='%23D52B1E'/%3E%3Cpath d='M6.6665 7.77783V11.1112C6.6665 11.5532 6.8421 11.9771 7.15466 12.2897C7.46722 12.6022 7.89114 12.7778 8.33317 12.7778C8.7752 12.7778 9.19912 12.6022 9.51168 12.2897C9.82424 11.9771 9.99984 11.5532 9.99984 11.1112V7.77783H6.6665Z' fill='white'/%3E%3Cpath d='M7.22217 9.44434H9.44439V10.5554H7.22217V9.44434Z' fill='%23829ACD'/%3E%3Cpath d='M7.77783 8.88867H8.88894V11.1109H7.77783V8.88867Z' fill='%23829ACD'/%3E%3Cpath d='M6.6665 9.4445H7.22206V10.5556H6.6665V9.4445ZM7.77762 9.4445H8.88873V10.5556H7.77762V9.4445ZM9.44428 9.4445H9.99984V10.5556H9.44428V9.4445ZM7.77762 11.1112H8.88873V12.2223H7.77762V11.1112ZM7.77762 7.77783H8.88873V8.88894H7.77762V7.77783Z' fill='%23003399'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14523_22890'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");

  --flag-ar:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='0.66' fill='%2374ACDF'/><rect y='0.66' width='3' height='0.66' fill='white'/><rect y='1.33' width='3' height='0.66' fill='%2374ACDF'/></svg>");

  --flag-am:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='0.66' fill='%23D90012'/><rect y='0.66' width='3' height='0.66' fill='%230033A0'/><rect y='1.33' width='3' height='0.66' fill='%23F2A800'/></svg>");

  --flag-es:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='0.5' fill='%23AA151B'/><rect y='0.5' width='3' height='1' fill='%23F1BF00'/><rect y='1.5' width='3' height='0.5' fill='%23AA151B'/></svg>");

  --flag-ca:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='0.75' height='2' fill='%23D52B1E'/><rect x='0.75' width='1.5' height='2' fill='white'/><rect x='2.25' width='0.75' height='2' fill='%23D52B1E'/></svg>");

}

@media (min-width: 992px) {
  :root {
    /* Typography PC scale */
    --text-3xs: 12px;
    --text-2xs: 12px;
    --text-xs: 14px;
    --text-s: 16px;
    --text-m: 18px;
    --text-l: 24px;
    --text-xl: 32px;
    --text-2xl: 40px;
    --text-3xl: 48px;
    --text-4xl: 56px;
  }
}

/* =========================
   Base / Resets
   ========================= */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*
html,
body {
  margin: 0;
  padding: 0;
}

body {
  min-height: 100vh;
  background: var(--bg-cloudy);
  font-family: var(--font-family-base);
  font-size: var(--text-s);
  font-weight: 400;
  color: var(--primary-d-2);
  line-height: 1.5;
}
*/

img {
  display: block;
  max-width: 100%;
  height: auto;
}

button,
input,
summary {
  font: inherit;
  color: inherit;
}

button {
  border: 0;
  background: transparent;
  cursor: pointer;
}

/* =========================
   Common Buttons
   ========================= */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-s);
  border: 0;
  border-radius: 4px;
  font: inherit;
  line-height: 1;
  cursor: pointer;
  text-decoration: none;
  transition: opacity var(--transition-fast);
}

.btn:hover {
  opacity: 0.92;
}

.btn--primary {
  color: #f2f6ff;
  background: var(--primary-button);
  font-weight: 500;
}

p {
  margin-top: 0;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* =========================
   Common
   ========================= */
.product .container {
  max-width: 1398px;
  margin: 0 auto;
  padding: 0 var(--space-s) var(--space-l);
}

.section-header {
  position: relative;
  display: flex;
  gap: 10px;
  margin: 0;
  padding: var(--space-m) 0;
  color: var(--primary-l-3);
  font-size: var(--text-l);
  font-weight: 600;
  line-height: 1.4;
}

[class^="section-header--icon-"]::before,
[class*=" section-header--icon-"]::before {
  content: '';
  width: 30px;
  height: 28px;
  background-size: 100%;
  background-repeat: no-repeat;
}


@media (min-width: 768px) {
  [class^="section-header--icon-"]::before,
  [class*=" section-header--icon-"]::before {
    width: 36px;
    height: 34px;
  }
}
  
.favorite-btn {
  width: 32px;
  height: 28px;
  padding: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: var(--icon-heart);
  line-height: 1;
  color: var(--secondary);
}

.favorite-btn.is-favorite {
  background-image: var(--icon-heart-filled);
}

.flag {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.flag--fr {
  background-image: var(--flag-fr);
}

.flag--au {
  background-image: var(--flag-au);
}

.flag--us {
  background-image: var(--flag-us);
}

.flag--uk {
  background-image: var(--flag-uk);
}

.flag--nz {
  background-image: var(--flag-nz);
}
.flag--ar {
  background-image: var(--flag-ar);
}
.flag--it {
  background-image: var(--flag-it);
}
.flag--em {
  background-image: var(--flag-em);
}
.flag--cl {
  background-image: var(--flag-cl);
}
.flag--pt {
  background-image: var(--flag-pt);
}
.flag--es {
  background-image: var(--flag-es);
}
.flag--ca {
  background-image: var(--flag-ca);
}



/* =========================
   Shared Tooltip
   ========================= */
.ui-tooltip {
  position: relative;
  outline: none;
}

.ui-tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  z-index: 3;
  padding: var(--space-2xs) var(--space-xs);
  font-size: var(--text-2xs);
  background: var(--bg-cloudy);
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
  transition: opacity 0.3s, visibility 0.3s;
  pointer-events: none;
}

.ui-tooltip:hover::after,
.ui-tooltip:focus-visible::after {
  opacity: 1;
  visibility: visible;
}


/* =========================
   Page Layout
   ========================= */
.product-details {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: stretch;
  margin: 0 auto;
}



@media (min-width: 992px) {
  .product-details {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--space-m);
  }
}

/* =========================
   Layout Order Map (Mobile)
   =========================
   1. product-heading
   2. product-media
   3. product-intro
   4. product-panels
   5. product-reviews
*/
.product-info,
.product-gallery,
.product-media,
.product-intro {
  display: contents;
}


.product-reviews,
.product-heading,
.product-panels {
  display: flex;
  flex-direction: column;
  gap: var(--space-s);
}

.product-gallery__viewer { order: 2; }
.purchase-controls { order: 4; }
/*.product-reviews { order: 5; }*/
.product-heading { order: 1; }
/*.product-intro { order: 3; }*/
.product-pricing { order: 3; }
.product-description { order: 5; }
.taste-profile { order: 6; }
.product-panels { order: 7; }



@media (min-width: 992px) {
  .product-gallery {
    position: sticky;
    top: 88px;
    display: flex;
    flex-direction: column;
    gap: var(--space-s);
    min-width: 0;
    flex: 0 1 47%;
  }

  .product-info {
    display: flex;
    flex-direction: column;
    gap: var(--space-m);
    flex: 0 1 53%;
  }

  .product-gallery__viewer,
  .purchase-controls,
  .product-heading,
  .product-pricing,
  .product-description,
  .taste-profile,
  .product-panels {
    order: initial;
  }


  .product-media,
  .product-reviews,
  .product-heading,
  .product-intro,
  .product-panels {
    gap: var(--space-m);
  }
}


/* =========================
   Left Column: Product Gallery
   ========================= */

.product-gallery__viewer {
  position: relative;
  background: var(--secondary-l-1);
  border-radius: 16px;
}

.product-gallery__awards {
  position: absolute;
  top: var(--space-xs);
  left: var(--space-xs);
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  width: 13%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.product-gallery__award img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
}

.product-gallery__award.ui-tooltip::after {
  top: 50%;
  left: calc(100% + var(--space-2xs));
  transform: translateY(-50%);
}

.product-gallery__favorite-btn {
  position: absolute;
  top: var(--space-xs);
  right: var(--space-xs);
}

.product-gallery__figure {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: 0;
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  overflow: hidden;
}

.product-gallery__figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.product-gallery__nav-button {
  display: flex;
  padding: 0;
  justify-content: center;
  align-items: center;
  opacity: 0.5;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.20);
  border-radius: 4px;
  background: var(--white);
  transition: opacity 0.3s;
}

.product-gallery__nav-button span {
  display: block;
  width: 12px;
  height: 12px;
  background-size: 100%;
  font-size: 0;
}

.product-gallery__nav-button:hover {
  opacity: 1;
}

.product-gallery__nav-button--prev {
  left: 20px;
}

.product-gallery__nav-button--prev span {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.73601 2.9637C8.56723 2.79498 8.33836 2.7002 8.09971 2.7002C7.86106 2.7002 7.63218 2.79498 7.46341 2.9637L2.06341 8.3637C1.89468 8.53248 1.7999 8.76136 1.7999 9C1.7999 9.23865 1.89468 9.46753 2.06341 9.6363L7.46341 15.0363C7.63315 15.2002 7.86049 15.291 8.09647 15.2889C8.33245 15.2869 8.55818 15.1922 8.72504 15.0253C8.89191 14.8585 8.98656 14.6327 8.98861 14.3968C8.99066 14.1608 8.89995 13.9334 8.73601 13.7637L4.87231 9.9H15.2997C15.5384 9.9 15.7673 9.80518 15.9361 9.6364C16.1049 9.46762 16.1997 9.2387 16.1997 9C16.1997 8.76131 16.1049 8.53239 15.9361 8.36361C15.7673 8.19482 15.5384 8.1 15.2997 8.1H4.87231L8.73601 4.2363C8.90473 4.06753 8.99952 3.83865 8.99952 3.6C8.99952 3.36136 8.90473 3.13248 8.73601 2.9637Z' fill='black'/%3E%3C/svg%3E");
}

.product-gallery__nav-button--next {
  right: 20px;
}

.product-gallery__nav-button--next span {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.26375 2.9637C9.43252 2.79498 9.6614 2.7002 9.90005 2.7002C10.1387 2.7002 10.3676 2.79498 10.5363 2.9637L15.9363 8.3637C16.1051 8.53248 16.1999 8.76136 16.1999 9C16.1999 9.23865 16.1051 9.46753 15.9363 9.6363L10.5363 15.0363C10.3666 15.2002 10.1393 15.291 9.90329 15.2889C9.66731 15.2869 9.44158 15.1922 9.27471 15.0253C9.10784 14.8585 9.01319 14.6327 9.01114 14.3968C9.00909 14.1608 9.09981 13.9334 9.26375 13.7637L13.1274 9.9H2.70005C2.46135 9.9 2.23244 9.80518 2.06365 9.6364C1.89487 9.46762 1.80005 9.2387 1.80005 9C1.80005 8.76131 1.89487 8.53239 2.06365 8.36361C2.23244 8.19482 2.46135 8.1 2.70005 8.1H13.1274L9.26375 4.2363C9.09503 4.06753 9.00024 3.83865 9.00024 3.6C9.00024 3.36136 9.09503 3.13248 9.26375 2.9637Z' fill='black'/%3E%3C/svg%3E");
}

.product-gallery__pagination {
  position: absolute;
  right: 0;
  bottom: var(--space-s);
  left: 0;
  display: flex;
  gap: var(--space-xs);
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

.product-gallery__dot {
  width: 10px;
  height: 10px;
  background: rgba(0, 0, 0, 0.20);
  border-radius: 50%;
}

.product-gallery__dot--active {
  background: var(--dark);
}

.product-gallery__thumb-list {
  display: flex;
  gap: var(--space-xs);
  padding: 0;
  margin: 0;
  list-style: none;
}

.product-gallery__thumb-item {
  flex: 1 1 0;
  min-width: 0;
  background: #d8d8d8;
  border: 1px solid transparent;
  border-radius: 12px;
  overflow: hidden;
  opacity: 0.3;
}

.product-gallery__thumb-item--active {
  border-color: #000000;
  opacity: 1;
}

.product-gallery__thumb-button {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  padding: 0;
  overflow: hidden;
}

.product-gallery__thumb-button img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 768px) {
  .product-gallery__awards {
    width: 9%;
    top: var(--space-s);
    left: var(--space-s);
    gap: var(--space-s);
  }

  .product-gallery__favorite-btn {
    top: 31px;
    right: 26px;
  }

  .product-gallery__nav-button {
    width: 52px;
    height: 52px;
  }

  .product-gallery__nav-button span {
    width: 18px;
    height: 18px;
  }

  .product-gallery__thumb-list {
    gap: var(--space-m);
  }
}

/* =========================
   Left Column: Taste Profile
   ========================= */
.taste-profile {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  gap: var(--space-s);
  padding: 0 var(--space-3xs);
}

.taste-profile__row {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  padding: var(--space-3xs) var(--space-2xs);
}

.taste-profile__name {
  flex: 0 0 68px;
  margin: 0 auto 0 0;
  font-size: var(--text-s);
  font-weight: 500;
}

.taste-profile__scale-start,
.taste-profile__scale-end {
  flex: 0 0 40px;
  margin: 0;
  font-size: var(--text-xs);
  color: #1e2230;
}

.taste-profile__scale-start {
  text-align: right;
}

.taste-profile__scale-end {
  text-align: left;
}

.taste-profile__points {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 360px;
  padding: var(--space-xs);
  margin: 0;
  list-style: none;
}

.taste-profile__points::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(100% - (var(--space-xs) * 2));
  height: 4px;
  background: radial-gradient(circle, var(--secondary-l-2) 1px, transparent 1px) center / 8px 8px repeat-x, radial-gradient(circle, var(--secondary-l-2) 1px, transparent 1px) center / 10px 10px repeat-y;
  background-color: transparent;
}

.taste-profile__point {
  z-index: 1;
  width: 12px;
  height: 12px;
  background: #adc4e7;
  border-radius: 50%;
}

.taste-profile__point--active {
  background: #173868;
}

@media (min-width: 768px) {
  .taste-profile__name {
    font-size: var(--text-m);
  }

  .taste-profile__scale-start,
  .taste-profile__scale-end {
    flex-basis: 50px;
    font-size: var(--text-s);
  }

  .taste-profile__point {
    width: 18px;
    height: 18px;
  }

  .taste-profile__points::before {
    background: radial-gradient(circle, var(--secondary-l-2) 2px, transparent 2px) center / 10px 10px repeat-x, radial-gradient(circle, var(--secondary-l-2) 2px, transparent 2px) center / 10px 10px repeat-y;
  }
}

/* =========================
   Shared Card Surface
   ========================= */


/* =========================
   Shared Accordion Base
   ========================= */
.accordion {
  overflow: hidden;
  border: 0.5px solid #000000;
  border-radius: 12px;
}

.accordion__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 66px;
  padding: var(--space-s);
  list-style: none;
  cursor: pointer;
  font-size: var(--text-m);
  font-weight: 500;
  line-height: 1.5;
}

.accordion__summary::-webkit-details-marker {
  display: none;
}

.accordion__summary::after {
  content: "+";
  margin-left: auto;
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
}

.accordion[open] > .accordion__summary::after {
  content: "×";
}

/* =========================
   Left Column: Press Reviews
   ========================= */
.press-reviews__title {
  margin: 0;
  font-size: var(--text-m);
  font-weight: 500;
}

.press-reviews__close-button {
  font-size: 24px;
}

.press-reviews__content {
  padding: 0 var(--space-s) var(--space-s);
}

.press-reviews__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
  padding: 0;
  margin: 0;
  list-style: none;
}

.press-reviews__link-wrap {
  margin: var(--space-m) 0 0;
  text-align: right;
}

.press-reviews__link {
  font-size: var(--text-l);
  font-weight: 500;
  color: var(--primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* =========================
   Left Column: Press Review Item
   ========================= */
.press-review {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3xs);
}

.press-review__score {
  display: block;
  flex: 0 0 40px;
  margin: 5px 0 0;
  padding: 5px 0;
  background: var(--primary-d-1);
  border-radius: 4px;
  font-size: var(--text-s);
  font-weight: 400;
  color: var(--text-title-invert);
  text-align: center;
  line-height: 1;
}

.press-review__content {
  padding: var(--space-3xs) 10px;
}

.press-review__title {
  margin: 0 0 var(--space-2xs);
  font-size: var(--text-l);
  font-weight: 600;
}

.press-review__meta {
  margin: 0 0 var(--space-xs);
  font-size: var(--text-s);
}

.press-review__text {
  margin: 0;
  font-size: var(--text-m);
}

@media (min-width: 768px) {
  .press-review {
    gap: var(--space-xs);
  }

  .press-review__score {
    margin: 10px 5.5px 0;
    font-size: var(--text-m);
  }
}


/* =========================
   Left Column: Review Summary
   ========================= */
.reviews-summary__summary {
  gap: var(--space-s);
}

.reviews-summary__title {
  margin: 0;
  font-size: var(--text-m);
  font-weight: 500;
}

.reviews-summary__summary-meta {
  display: flex;
  gap: var(--space-xs);
  align-items: center;
  margin-left: auto;
}

.reviews-summary__stars {
  margin: 0;
  letter-spacing: 2px;
  color: var(--primary-d-1);
  font-size: var(--text-l);
}

.reviews-summary .accordion__summary::after {
  margin-left: 0;
}

.reviews-summary__score {
  margin: 0;
  color: var(--text-title);
  font-size: var(--text-s);
  font-weight: 400;
}

.reviews-summary__content {
  padding: 0 var(--space-s) var(--space-s);
}

.reviews-summary__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
  padding: 0;
  margin: 0;
  list-style: none;
}

.reviews-summary__item {
  padding: 4px 10px 16px;
  border-bottom: 1px solid #d0d0d0;
}

.reviews-summary__item:last-child {
  border-bottom: 0;
}

.reviews-summary__item-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-s);
}

.reviews-summary__item-title {
  margin: 0;
  font-size: var(--text-l);
  font-weight: 600;
}

.reviews-summary__item-stars {
  margin: 0;
  letter-spacing: 2px;
  color: var(--primary-l-3);
  font-size: var(--text-m);
}

.reviews-summary__item-meta {
  margin-top: var(--space-2xs);
  font-size: var(--text-s);
}

.reviews-summary__item-text {
  margin-top: var(--space-s);
  margin-bottom: 0;
  font-size: var(--text-m);
}

.reviews-summary__actions {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-s);
  margin-top: var(--space-m);
}

.reviews-summary__write-button {
  padding: var(--space-s);
  font-size: var(--text-s);
  color: var(--white);
  background: var(--primary-button);
}

.reviews-summary__view-all {
  font-size: var(--text-l);
  color: var(--primary);
  text-decoration: underline;
  text-underline-offset: 4px;
}

@media (min-width: 768px) {
  .reviews-summary__summary {
    flex-wrap: nowrap;
  }
}

/* =========================
   Right Column: Header
   ========================= */
.product-heading {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
}

.product-info__header {
  padding-bottom: var(--space-s);
  border-bottom: 1px solid rgba(0,0,0,0.2);
}

.product-info__title {
  margin: 0;
  font-size: var(--text-xl);
  /*color: var(--primary);*/
  line-height: 1.4;
}

@media (min-width: 992px) {
  .product-heading {
    padding: var(--space-s) var(--space-s) 0;
  }
}

/* =========================
   Right Column: Meta + Pricing
   ========================= */
.product-meta {
  display: flex;
  gap: var(--space-s);
  flex-direction: column;
  align-items: flex-start;
}

.product-meta__list,
.product-meta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-s);
  padding: 0;
  margin: 0;
  list-style: none;
}
.product-meta__actions {
  justify-content: flex-end;
}
.product-meta__item {
  display: inline-flex;
  gap: var(--space-3xs);
  align-items: center;
  padding: var(--space-3xs) var(--space-xs);
  border: 1px solid var(--border-secondary);
  border-radius: 9999px;
  background: var(--white);
  font-size: var(--text-xs);
  color: var(--grey-darker);
  margin-bottom: 0;
}

.product-meta__item--country {
  gap: var(--space-xs);
  padding: 0;
  border: 0;
  background: transparent;
  font-size: var(--text-xs);
}

.product-meta__item--color {
  display: flex;
  gap: var(--space-2xs);
  position: relative;
}

.product-meta__item--color:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color);
}

.product-meta__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}

.product-meta__action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: calc(100% - 4px);
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 1;
}

.product-meta__action-icon--bestseller {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_14508_505)'%3E%3Cpath d='M2 20H4C4.55 20 5 19.55 5 19V10C5 9.45 4.55 9 4 9H2V20ZM21.83 12.88C21.94 12.63 22 12.36 22 12.08V11C22 9.9 21.1 9 20 9H14.5L15.42 4.35C15.47 4.13 15.44 3.89 15.34 3.69C15.11 3.24 14.82 2.83 14.46 2.47L14 2L7.59 8.41C7.21 8.79 7 9.3 7 9.83V17.67C7 18.95 8.05 20 9.34 20H17.45C18.15 20 18.81 19.63 19.17 19.03L21.83 12.88Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14508_505'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.product-meta__action-icon--biodynamic {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_14508_523)'%3E%3Cpath d='M6.76 4.84005L4.96 3.05005L3.55 4.46005L5.34 6.25005L6.76 4.84005ZM4 10.5H1V12.5H4V10.5ZM13 0.550049H11V3.50005H13V0.550049ZM20.45 4.46005L19.04 3.05005L17.25 4.84005L18.66 6.25005L20.45 4.46005ZM17.24 18.16L19.03 19.9601L20.44 18.5501L18.64 16.76L17.24 18.16ZM20 10.5V12.5H23V10.5H20ZM12 5.50005C8.69 5.50005 6 8.19005 6 11.5C6 14.8101 8.69 17.5 12 17.5C15.31 17.5 18 14.8101 18 11.5C18 8.19005 15.31 5.50005 12 5.50005ZM11 22.4501H13V19.5H11V22.4501ZM3.55 18.54L4.96 19.9501L6.75 18.1501L5.34 16.74L3.55 18.54Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14508_523'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.product-meta__action-icon--organic {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_14508_557)'%3E%3Cpath d='M6.05001 8.05C3.32001 10.78 3.32001 15.2 6.03001 17.93C7.50001 14.53 10.12 11.69 13.39 10C10.62 12.34 8.68001 15.61 8.00001 19.32C10.6 20.55 13.8 20.1 15.95 17.95C19.43 14.47 20 4 20 4C20 4 9.53001 4.57 6.05001 8.05Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14508_557'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.product-meta__action-icon--sulfurfree {
  width: 29px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='24' viewBox='0 0 29 24' fill='none'%3E%3Cg clip-path='url(%23clip0_14508_574)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.08915 2.23438L15.2929 11.2794L18.7728 14.7012L18.7714 14.6994L20.0754 15.9797L24.4367 20.2656L23.3574 21.3263L19.1323 17.1744C18.3599 17.8518 17.3585 18.1904 16.1281 18.1904C14.6748 18.1904 13.5267 17.6937 12.6838 16.7003C11.9058 15.7833 11.473 14.5161 11.3857 12.8987L11.371 12.487V9.87816L11.3764 9.55287L9.94318 8.14437L8.27208 8.14525L8.26224 7.83298C8.21632 7.12551 8.00968 6.56627 7.64232 6.15526C7.22248 5.68553 6.61857 5.45067 5.83057 5.45067C5.11362 5.45067 4.55814 5.64745 4.16414 6.041C3.77014 6.43456 3.57314 6.9868 3.57314 7.69774C3.57314 8.28172 3.78629 8.77049 4.21258 9.16405C4.63888 9.5576 5.2977 9.9099 6.18904 10.2209C7.57773 10.6716 8.5708 11.227 9.16826 11.8872C9.76572 12.5473 10.0645 13.4106 10.0645 14.477C10.0645 15.6006 9.69306 16.5004 8.95027 17.1764C8.20748 17.8524 7.19665 18.1904 5.91776 18.1904C5.09747 18.1904 4.34015 18.0143 3.6458 17.662C2.95146 17.3097 2.40567 16.8146 2.00844 16.1766C1.66796 15.6298 1.4734 15.0142 1.42476 14.3298L1.4126 13.9819H3.19529L3.20432 14.2605C3.25248 14.9846 3.4933 15.5583 3.92677 15.9814C4.41443 16.4575 5.07809 16.6955 5.91776 16.6955C6.6993 16.6955 7.28707 16.4988 7.68107 16.1052C8.07508 15.7117 8.27208 15.1753 8.27208 14.4961C8.27208 13.8042 8.08153 13.2742 7.70045 12.906C7.31937 12.5378 6.63148 12.1792 5.6368 11.8301C4.64211 11.4809 3.88156 11.1144 3.35515 10.7303C2.82874 10.3463 2.43474 9.90831 2.17315 9.41637C1.91156 8.92442 1.78076 8.36107 1.78076 7.72631C1.78076 6.62816 2.15377 5.72362 2.89979 5.01268C3.6458 4.30174 4.62273 3.94628 5.83057 3.94628L5.6756 3.95038L5.00989 3.29504L6.08915 2.23438ZM25.4717 8.27049C26.3436 8.27049 27.02 8.5067 27.5007 8.97911C27.9814 9.45152 28.2217 10.1228 28.2217 10.9929C28.2217 11.5334 28.0887 12.0817 27.8226 12.6376C27.5898 13.124 27.1918 13.7088 26.6286 14.3921L26.3772 14.6909L25.1229 16.4509H28.4431V18L24.289 17.9994L22.8024 16.5384L25.3308 13.3791L25.5214 13.1116C25.7615 12.7639 25.945 12.4521 26.072 12.1761C26.2307 11.8312 26.3101 11.5005 26.3101 11.1841C26.3101 10.7578 26.2352 10.4238 26.0854 10.1821C25.9356 9.94042 25.7198 9.81957 25.4381 9.81957C25.1296 9.81957 24.8848 9.96019 24.7037 10.2414C24.5527 10.4758 24.4647 10.7895 24.4396 11.1826L24.432 11.428H22.5271L22.542 11.0807C22.5817 10.6258 22.7008 10.2032 22.8994 9.81297C23.1475 9.32518 23.4963 8.94615 23.9457 8.67589C24.3951 8.40563 24.9038 8.27049 25.4717 8.27049ZM13.1332 11.2794L13.1343 12.2871L13.1418 12.7017C13.1869 13.9151 13.4347 14.856 13.8852 15.5244C14.3858 16.2671 15.1334 16.6384 16.1281 16.6384C16.894 16.6384 17.5067 16.4352 17.9663 16.0287L13.1332 11.2794ZM16.1087 3.94628C17.5943 3.94628 18.7521 4.44933 19.582 5.45543C20.3482 6.38414 20.769 7.67929 20.8444 9.34087L20.8561 9.7639V12.2871L20.8488 12.7159C20.8275 13.3327 20.7593 13.8998 20.6442 14.4172L19.069 12.8694L19.0831 12.4585V9.85912L19.077 9.46854C19.0367 8.1977 18.7949 7.23768 18.3516 6.58849C17.8639 5.87438 17.1163 5.51732 16.1087 5.51732C15.1334 5.51732 14.3955 5.87914 13.8949 6.60277C13.7367 6.83144 13.6032 7.09435 13.4943 7.39148L12.211 6.12904C12.3341 5.91369 12.4707 5.71137 12.6208 5.52208C13.4541 4.47154 14.6167 3.94628 16.1087 3.94628Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14508_574'%3E%3Crect width='29' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.product-meta__action--score {
  min-width: auto;
  min-height: auto;
}

.product-meta__score-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3xs);
  padding: var(--space-3xs) var(--space-2xs);
  border-radius: 4px;
  background: var(--primary-meta-button);
}

.product-meta__score-value {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1px 5px;
  border-radius: 9999px;
  background: var(--score-bg);
  color: var(--text-title);
  font-size: var(--text-2xs);
  font-weight: 500;
  line-height: 1.5;
}

.product-meta__score-label {
  color: var(--text-title-invert);
  font-size: 8px;
  font-weight: 400;
  line-height: 1.5;
}

.product-meta__action.ui-tooltip::after {
  top: calc(100% + var(--space-3xs));
  left: 50%;
  transform: translateX(-50%);
}


.product-pricing {
  display: flex;
  gap: var(--space-m);
  align-items: center;
}

.product-pricing__sale-tag {
  padding: var(--space-3xs) var(--space-s);
  margin: 0;
  font-size: var(--text-s);
  color: #fff;
  text-transform: uppercase;
  background: var(--error);
  border-radius: 8px;
}

.product-pricing__prices {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0;
  font-size: var(--text-m);
}

.product-pricing__price-old {
  color: #707584;
  text-decoration: line-through;
}

.product-pricing__price-new {
  color: var(--error);
}

.product-pricing__arrow {
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5756 5.57613C13.81 5.34181 14.1899 5.34181 14.4242 5.57613L20.4242 11.5761C20.6585 11.8104 20.6585 12.1903 20.4242 12.4247L14.4242 18.4247C14.1899 18.659 13.81 18.659 13.5756 18.4247C13.3413 18.1903 13.3413 17.8104 13.5756 17.5761L18.5514 12.6004H4.4999C4.16853 12.6004 3.8999 12.3318 3.8999 12.0004C3.8999 11.669 4.16853 11.4004 4.4999 11.4004H18.5514L13.5756 6.42465C13.3413 6.19034 13.3413 5.81044 13.5756 5.57613Z' fill='black'/%3E%3C/svg%3E");
  font-size: 0;
}


@media (min-width: 992px) {
  .product-intro {
    padding: 0 var(--space-s) var(--space-s);
  }

  .product-meta {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

/* =========================
   Right Column: Description + Purchase
   ========================= */
.product-description {
  padding-bottom: 0px;
  border-bottom: 1px solid rgba(0,0,0,0.2);
}

.product-description p {
  margin: 0;
  font-size: var(--text-m);
}

.purchase-controls {
  padding-top: var(--space-m);
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.purchase-controls.is-sticky {
  position: sticky;
  top: var(--purchase-controls-sticky-top, 0px);
  z-index: 10;
}

.purchase-controls__form {
  display: flex;
  gap: var(--space-xs);
  flex-direction: row;
  align-items: stretch;
}

.purchase-controls__qty {
  display: flex;
  align-items: center;
  flex: 0 0 106px;
  width: 100%;
  overflow: hidden;
  padding: var(--space-2xs);
  border: 1px solid var(--primary-qty-button);
  border-radius: 8px;
  background-color: var(--white);
}

.purchase-controls__qty-button {
  flex: 0 0 32px;
  height: 32px;
  font-size: var(--text-l);
  color: #fff;
  background: var(--primary-qty-button);
  border-radius: 50%;
  padding: 0;
  line-height: 1;
}

.purchase-controls__qty-input {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  text-align: center;
  border: 0;
  background: #fff;
}

/* Remove arrows in Chrome, Safari, Edge */
.purchase-controls__qty-input::-webkit-outer-spin-button,
.purchase-controls__qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Remove arrows in Firefox */
.purchase-controls__qty-input {
  -moz-appearance: textfield;
}

.purchase-controls__cart-button {
  width: 100%;
  min-height: 44px;
  font-size: var(--text-s);
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #f9fbff;
  text-transform: uppercase;
  background: var(--primary-button);
  border-radius: 8px;
}

@media (min-width: 768px) {
  .purchase-controls {
    padding-top: 0;
    border-top: 0;
  }
  .purchase-controls__cart-button {
    flex: 1;
  }
}

/* =========================
   Right Column: Accordion Panels
   ========================= */
.product-panel__summary::after {
  margin-left: 16px;
}

.product-panel__content {
  padding: 0 var(--space-s) var(--space-s);
}

/* =========================
   Right Column: Details Spec Table
   ========================= */
.spec-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}

.spec-list__row {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding-bottom: 10px;
  border-bottom: 1px solid #d0d0d0;
}

.spec-list__row:last-child {
  border-bottom: 0;
}

.spec-list__label {
  flex: 0 0 100px;
  margin: 0;
  padding: 8px;
  font-size: var(--text-xs);
  font-weight: 700;
}

.spec-list__value {
  margin: 0;
  padding: 8px;
  font-size: var(--text-s);
  font-weight: 400;
}

@media (min-width: 768px) {
  .spec-list__label {
    flex: 0 0 180px;
  }

  .spec-list__value {
    flex: 1 1 auto;
    min-width: 0;
  }
}

/* =========================
   Product Recommendations Slider
   ========================= */
.product-recs {
  padding: var(--space-l) 0 var(--space-3xl);
  overflow: hidden;
  background-color: var(--white);
}

.product-recs__heading {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  margin: 0;
  font-size: var(--text-xl);
  color: #5f87cc;
}

.product-recs__viewport .slick-list {
  overflow: visible;
}

.product-recs__track {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}

.product-recs__item {
  width: 320px;
  padding-right: var(--space-m);
}

.product-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: var(--space-s) var(--space-s) 35px;
  border: 1px solid #7f828b;
  border-radius: 12px;
}

.product-tile__favorite {
  position: absolute;
  top: var(--space-s);
  right: var(--space-s);
  font-size: var(--text-xl);
  color: #77b6db;
}

.product-tile__figure {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 260px;
  margin: 0;
}

.product-tile__figure img {
  max-height: 230px;
  object-fit: contain;
}

.product-tile__title {
  margin: var(--space-xs) 0 0;
  font-size: var(--text-l);
  font-weight: 600;
  font-size: var(--text-m);
  font-weight: 700;
  line-height: 1.5;
  color: var(--text-title);
}

.product-tile__price {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: var(--text-s);
  color: var(--text-title);
}

.product-tile__meta {
  margin-top: 28px;
}

.product-tile__cart {
  margin-top: 28px;
}

.product-tile__link {
  margin-top: 26px;
  font-size: var(--text-s);
  color: var(--secondary);
  text-align: center;
  text-decoration: none;
}

.product-tile__link::after {
  content: " \2192";
}

@media (min-width: 768px) {
  .product-recs__header {
      margin-bottom: var(--space-m);
  }
}

/* =========================
   Brand Marquee
   ========================= */
.brand-marquee {
  background: #6f96cf;
}

.brand-marquee__viewport {
  display: flex;
  gap: var(--space-4xl);
  overflow: hidden;
  padding: var(--space-s) 0;
}

.brand-marquee__track {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--space-xl);
  min-width: max-content;
  margin: 0;
  padding: 0;
  list-style: none;
  animation: brand-marquee-scroll 24s linear infinite;
}

.brand-marquee__item {
  font-size: var(--text-l);
  font-weight: 500;
  color: var(--text-body-invert);
  white-space: nowrap;
}

@media (min-width: 992px) {
  .brand-marquee__viewport {
    padding: var(--space-m) 0;
  }
}

@keyframes brand-marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--space-4xl)));
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-marquee__track {
    animation: none;
  }
}
.product .btn--soldout {
    background: var(--disabled-button);
    color: var(--text-title-invert);
}