/* =========================================================
   DEUTSCH GO — PRODUCT INFO BRAND SYSTEM V4
   CSS ONLY / EASYORDERS SAFE
   FIXES:
   - Stronger breadcrumb with clear Yellow accent
   - Larger readable breadcrumb typography
   - BEST VALUE moved outside price content area
   - Keeps gallery/layout untouched
========================================================= */

#product-id {
  --dg-primary-900: #0B1E28;
  --dg-primary-700: #123B4A;
  --dg-primary-500: #1C637D;

  --dg-accent-500: #F4C542;
  --dg-accent-300: #FFD95E;

  --dg-surface: #F7F5EF;
  --dg-surface-2: #EEEAE0;
  --dg-white: #FFFFFF;

  --dg-text: #20272B;
  --dg-muted: #68777E;

  --dg-border: rgba(11,30,40,.10);
  --dg-border-strong: rgba(11,30,40,.16);

  position: relative;

  background:
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #FAF8F3 46%,
      #F7F5EF 100%
    );
}


/* =========================================================
   01. BREADCRUMB — STRONG BRAND NAVIGATION
========================================================= */

#product-id > .hidden.md\:block.pt-6 {
  padding-top: 22px !important;
}

#product-id > .hidden.md\:block.pt-6 > div {
  position: relative;

  width: min(1312px, calc(100% - 40px)) !important;
  max-width: 1312px !important;

  min-height: 64px;

  margin: 0 auto !important;
  padding: 9px 12px 9px 18px !important;

  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  border: 1px solid rgba(11,30,40,.08);
  border-radius: 19px;

  background:
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #F8F6F0 100%
    );

  box-shadow:
    0 10px 26px rgba(11,30,40,.055);

  overflow: hidden;
}

/* visible brand accent rail */
#product-id > .hidden.md\:block.pt-6 > div::before {
  content: "";

  position: absolute;

  left: 0;
  top: 0;
  bottom: 0;

  width: 5px;

  background:
    linear-gradient(
      180deg,
      var(--dg-accent-300),
      var(--dg-accent-500)
    );
}

/* subtle accent glow */
#product-id > .hidden.md\:block.pt-6 > div::after {
  content: "";

  position: absolute;

  left: -30px;
  top: 50%;

  width: 110px;
  height: 110px;

  transform: translateY(-50%);

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(244,197,66,.14),
      transparent 68%
    );

  pointer-events: none;
}


/* HOME */
#product-id > .hidden.md\:block.pt-6 a:first-child {
  position: relative;
  z-index: 1;

  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;

  min-height: 42px;

  padding: 0 15px;

  border-radius: 12px;

  background:
    var(--dg-primary-900);

  color: #FFFFFF !important;

  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  text-decoration: none !important;

  box-shadow:
    0 7px 15px rgba(11,30,40,.11);

  transition:
    transform .16s ease,
    background-color .16s ease;
}


/* COLLECTION */
#product-id > .hidden.md\:block.pt-6 a:nth-child(2) {
  position: relative;
  z-index: 1;

  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;

  min-height: 42px;

  padding: 0 15px;

  border: 1px solid rgba(28,99,125,.18);
  border-radius: 12px;

  background:
    rgba(28,99,125,.07);

  color:
    var(--dg-primary-500) !important;

  font-size:
    12px !important;

  font-weight:
    900 !important;

  line-height:
    1 !important;

  text-decoration:
    none !important;

  transition:
    transform .16s ease,
    border-color .16s ease,
    background-color .16s ease;
}


/* CURRENT PRODUCT */
#product-id > .hidden.md\:block.pt-6 > div > span {
  position: relative;
  z-index: 1;

  display: inline-flex;
  align-items: center;

  min-width: 0;
  min-height: 42px;

  padding: 0 14px;

  border-radius: 12px;

  background:
    rgba(244,197,66,.10);

  color:
    var(--dg-primary-900) !important;

  font-size:
    12px !important;

  font-weight:
    900 !important;

  line-height:
    1.2;

  overflow:
    hidden;

  text-overflow:
    ellipsis;

  white-space:
    nowrap;
}


/* breadcrumb arrows */
#product-id > .hidden.md\:block.pt-6 svg {
  width: 14px !important;
  height: 14px !important;

  opacity: .48;
}


/* =========================================================
   02. PRODUCT DETAILS PANEL
========================================================= */

#product-id .p_details_container {
  position: relative;

  opacity: 1 !important;
  animation: none !important;

  padding:
    clamp(26px, 2.6vw, 36px) !important;

  border:
    1px solid
    rgba(11,30,40,.08);

  border-radius:
    26px;

  background:
    linear-gradient(
      145deg,
      #FFFFFF 0%,
      #FBFAF6 100%
    );

  box-shadow:
    0 22px 50px rgba(11,30,40,.075),
    0 4px 12px rgba(11,30,40,.035);

  overflow:
    hidden;

  isolation:
    isolate;
}

#product-id .p_details_container::before {
  content: "";

  position: absolute;
  z-index: -1;

  top: -70px;
  right: -70px;

  width: 170px;
  height: 170px;

  border-radius: 36px;

  background:
    linear-gradient(
      135deg,
      rgba(244,197,66,.24),
      rgba(244,197,66,.04)
    );

  transform:
    rotate(18deg);

  pointer-events:
    none;
}

#product-id .p_details_container::after {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 72px;
  height: 5px;

  border-radius:
    0 0 999px 0;

  background:
    var(--dg-primary-900);

  box-shadow:
    72px 0 0
    var(--dg-accent-500);

  pointer-events:
    none;
}


/* =========================================================
   03. COLLECTION BADGE
========================================================= */

#product-id .p_details_container a[href*="/collections/"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  min-height: 30px;
  width: fit-content;

  margin-bottom: 15px !important;
  padding: 6px 12px !important;

  border: 1px solid rgba(244,197,66,.40);
  border-radius: 999px;

  background:
    #FFF8D8;

  color:
    #7C5D08 !important;

  font-size:
    8px !important;

  font-weight:
    950 !important;

  line-height:
    1 !important;

  letter-spacing:
    .13em;

  text-transform:
    uppercase;

  text-decoration:
    none !important;
}


/* =========================================================
   04. PRODUCT TITLE
========================================================= */

#product-id .product_name {
  margin:
    0 0 13px !important;

  max-width:
    680px;

  color:
    var(--dg-primary-900) !important;

  font-size:
    clamp(31px, 3.15vw, 48px) !important;

  font-weight:
    950 !important;

  line-height:
    1.02 !important;

  letter-spacing:
    -.045em !important;

  text-wrap:
    balance;
}


/* =========================================================
   05. DESCRIPTION
========================================================= */

#product-id .p_details_container
.relative.flex.flex-col > p {
  position:
    relative;

  max-width:
    630px;

  margin-bottom:
    19px !important;

  padding-inline-start:
    15px;

  color:
    rgba(32,39,43,.62) !important;

  font-size:
    clamp(13px, 1vw, 15.5px) !important;

  font-weight:
    520 !important;

  line-height:
    1.76 !important;
}

#product-id .p_details_container
.relative.flex.flex-col > p::before {
  content: "";

  position:
    absolute;

  inset-inline-start:
    0;

  top:
    6px;

  bottom:
    6px;

  width:
    3px;

  border-radius:
    999px;

  background:
    var(--dg-accent-500);
}


/* =========================================================
   06. PRICE BLOCK — CLEAN
========================================================= */

#product-id .p_details_container
.flex.items-center.gap-7 {
  position:
    relative;

  gap:
    10px !important;

  margin-top:
    34px;

  padding:
    16px 16px;

  border:
    1px solid
    rgba(11,30,40,.08);

  border-radius:
    17px;

  background:
    linear-gradient(
      135deg,
      #F7F5EF 0%,
      #FFFFFF 72%
    );

  overflow:
    visible;
}


/* BEST VALUE FLOATING ABOVE PRICE BLOCK */
#product-id .p_details_container
.flex.items-center.gap-7::after {
  content:
    "BEST VALUE";

  position:
    absolute;

  top:
    -27px;

  right:
    0;

  min-height:
    23px;

  padding:
    5px 10px;

  border-radius:
    999px 999px 0 999px;

  background:
    var(--dg-primary-900);

  color:
    var(--dg-accent-500);

  box-shadow:
    0 6px 14px
    rgba(11,30,40,.10);

  font-size:
    7px;

  font-weight:
    950;

  line-height:
    1;

  letter-spacing:
    .11em;
}


/* little accent connector */
#product-id .p_details_container
.flex.items-center.gap-7::before {
  content: "";

  position:
    absolute;

  top:
    -7px;

  right:
    12px;

  width:
    18px;

  height:
    2px;

  border-radius:
    999px;

  background:
    var(--dg-accent-500);
}


#product-id .p_details_container
.flex.items-center.gap-x-3 {
  gap:
    9px !important;
}

#product-id #sale-price {
  margin:
    0 !important;

  color:
    var(--dg-primary-900) !important;

  font-size:
    clamp(34px, 2.6vw, 42px) !important;

  font-weight:
    950 !important;

  line-height:
    .95 !important;

  letter-spacing:
    -.035em;
}

#product-id #sale-price + span {
  color:
    var(--dg-primary-900) !important;

  font-size:
    14px !important;

  font-weight:
    850 !important;
}

#product-id .p_details_container
.line-through {
  color:
    rgba(32,39,43,.36) !important;

  font-size:
    13px !important;

  font-weight:
    650 !important;

  text-decoration-thickness:
    1px;

  text-decoration-color:
    rgba(32,39,43,.40);
}


/* =========================================================
   07. PURCHASE AREA
========================================================= */

#product-id .p_details_container
.mt-5.flex.flex-col {
  gap:
    9px !important;

  margin-top:
    17px !important;
}

#product-id .p_details_container
.flex.flex-row-reverse.gap-2.mt-5 {
  display:
    grid !important;

  grid-template-columns:
    minmax(0,1fr)
    126px;

  gap:
    9px !important;

  margin-top:
    0 !important;
}


/* =========================================================
   08. ADD TO CART
========================================================= */

#product-id .add_to_cart_btn {
  position:
    relative;

  min-height:
    52px;

  padding:
    0 20px !important;

  border:
    1px solid
    var(--dg-primary-900) !important;

  border-radius:
    14px !important;

  background:
    #FFFFFF !important;

  color:
    var(--dg-primary-900) !important;

  font-family:
    inherit !important;

  font-size:
    11px !important;

  font-weight:
    900 !important;

  box-shadow:
    none !important;

  transition:
    transform .18s ease,
    background-color .18s ease,
    color .18s ease,
    border-color .18s ease !important;
}


/* =========================================================
   09. QUANTITY
========================================================= */

#product-id .p_details_container
.flex.justify-center.items-center.gap-3.border.rounded-full {
  display:
    grid !important;

  grid-template-columns:
    32px
    1fr
    32px;

  align-items:
    center;

  width:
    126px;

  min-height:
    52px;

  margin:
    0 !important;

  padding:
    5px !important;

  gap:
    4px !important;

  border:
    1px solid
    rgba(11,30,40,.10) !important;

  border-radius:
    14px !important;

  background:
    #F7F5EF !important;
}

#product-id .p_details_container
.flex.justify-center.items-center.gap-3.border.rounded-full button {
  display:
    grid !important;

  place-items:
    center !important;

  width:
    32px !important;

  height:
    32px !important;

  margin:
    0 !important;

  border:
    0 !important;

  border-radius:
    9px !important;

  background:
    #FFFFFF !important;

  color:
    var(--dg-primary-900) !important;

  box-shadow:
    0 2px 6px rgba(11,30,40,.05);

  transition:
    transform .15s ease,
    background-color .15s ease !important;
}

#product-id .p_details_container
.flex.justify-center.items-center.gap-3.border.rounded-full button:disabled {
  opacity:
    .32;
}

#product-id .p_details_container
.flex.justify-center.items-center.gap-3.border.rounded-full p {
  width:
    auto !important;

  margin:
    0 !important;

  color:
    var(--dg-primary-900) !important;

  font-size:
    13px !important;

  font-weight:
    950 !important;

  text-align:
    center !important;
}


/* =========================================================
   10. CHECKOUT
========================================================= */

#product-id .checkout_btn {
  position:
    relative;

  min-height:
    56px;

  padding:
    0 24px !important;

  overflow:
    hidden;

  border:
    1px solid
    var(--dg-primary-900) !important;

  border-radius:
    14px !important;

  background:
    var(--dg-primary-900) !important;

  color:
    #FFFFFF !important;

  font-family:
    inherit !important;

  font-size:
    12px !important;

  font-weight:
    950 !important;

  box-shadow:
    0 11px 24px
    rgba(11,30,40,.18) !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background-color .18s ease !important;
}

#product-id .checkout_btn::after {
  content:
    "→";

  display:
    inline-block;

  margin-inline-start:
    9px;

  color:
    var(--dg-accent-500);

  font-size:
    17px;

  font-weight:
    950;

  transition:
    transform .18s ease;
}

#product-id .checkout_btn::before {
  content: "";

  position:
    absolute;

  right:
    16px;

  bottom:
    7px;

  width:
    30px;

  height:
    2px;

  border-radius:
    999px;

  background:
    var(--dg-accent-500);

  opacity:
    .72;

  transition:
    width .18s ease;
}


/* =========================================================
   11. DESKTOP INTERACTIONS
========================================================= */

@media (hover:hover) and (pointer:fine) {

  #product-id > .hidden.md\:block.pt-6 a:first-child:hover {
    transform:
      translateY(-2px);

    background:
      var(--dg-primary-700);
  }

  #product-id > .hidden.md\:block.pt-6 a:nth-child(2):hover {
    transform:
      translateY(-2px);

    border-color:
      rgba(244,197,66,.70);

    background:
      rgba(244,197,66,.11);
  }

  #product-id .checkout_btn:hover {
    transform:
      translateY(-2px);

    background:
      var(--dg-primary-700) !important;

    box-shadow:
      0 16px 30px
      rgba(11,30,40,.22) !important;
  }

  #product-id .checkout_btn:hover::after {
    transform:
      translateX(4px);
  }

  #product-id .checkout_btn:hover::before {
    width:
      46px;
  }

  #product-id .add_to_cart_btn:hover {
    transform:
      translateY(-2px);

    border-color:
      var(--dg-accent-500) !important;

    background:
      var(--dg-accent-500) !important;

    color:
      var(--dg-primary-900) !important;
  }

  #product-id .p_details_container
  .flex.justify-center.items-center.gap-3.border.rounded-full
  button:hover:not(:disabled) {
    transform:
      translateY(-1px);

    background:
      #FFF3BF !important;
  }
}


/* =========================================================
   12. MOBILE
========================================================= */

@media (max-width: 767px) {

  #product-id {
    background:
      linear-gradient(
        180deg,
        #FFFFFF 0%,
        #F7F5EF 100%
      );
  }

  #product-id .p_details_container {
    margin-inline:
      12px !important;

    padding:
      20px 16px !important;

    border-radius:
      22px;

    box-shadow:
      0 10px 24px
      rgba(11,30,40,.06);
  }

  #product-id .p_details_container::before {
    width:
      120px;

    height:
      120px;

    top:
      -65px;

    right:
      -55px;
  }

  #product-id .p_details_container::after {
    width:
      48px;

    box-shadow:
      48px 0 0
      var(--dg-accent-500);
  }

  #product-id .product_name {
    font-size:
      clamp(27px, 8vw, 34px) !important;

    line-height:
      1.03 !important;
  }

  #product-id .p_details_container
  .relative.flex.flex-col > p {
    padding-inline-start:
      12px;

    font-size:
      12px !important;

    line-height:
      1.72 !important;
  }

  #product-id .p_details_container
  .flex.items-center.gap-7 {
    margin-top:
      31px;

    padding:
      13px;

    border-radius:
      15px;
  }

  #product-id .p_details_container
  .flex.items-center.gap-7::after {
    top:
      -24px;

    min-height:
      21px;

    padding:
      4px 8px;

    font-size:
      6px;
  }

  #product-id .p_details_container
  .flex.items-center.gap-7::before {
    top:
      -6px;
  }

  #product-id #sale-price {
    font-size:
      29px !important;
  }

  #product-id #sale-price + span {
    font-size:
      12px !important;
  }

  #product-id .p_details_container
  .line-through {
    font-size:
      11px !important;
  }

  #product-id .p_details_container
  .flex.flex-row-reverse.gap-2.mt-5 {
    grid-template-columns:
      minmax(0,1fr)
      106px;

    gap:
      8px !important;
  }

  #product-id .checkout_btn,
  #product-id .add_to_cart_btn {
    min-height:
      50px;

    border-radius:
      13px !important;

    font-size:
      10px !important;

    transition:
      none !important;
  }

  #product-id .checkout_btn {
    box-shadow:
      0 8px 18px
      rgba(11,30,40,.14) !important;
  }

  #product-id .checkout_btn::after {
    font-size:
      15px;

    transition:
      none;
  }

  #product-id .checkout_btn::before {
    display:
      none;
  }

  #product-id .p_details_container
  .flex.justify-center.items-center.gap-3.border.rounded-full {
    width:
      106px;

    min-height:
      50px;

    grid-template-columns:
      29px
      1fr
      29px;

    border-radius:
      13px !important;
  }

  #product-id .p_details_container
  .flex.justify-center.items-center.gap-3.border.rounded-full button {
    width:
      29px !important;

    height:
      29px !important;

    transition:
      none !important;
  }
}


/* =========================================================
   13. REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  #product-id .checkout_btn,
  #product-id .add_to_cart_btn,
  #product-id .p_details_container button,
  #product-id > .hidden.md\:block.pt-6 a {
    transition:
      none !important;
  }
}


/* =========================================================
   V5 — MOBILE PRICE BADGE + DESCRIPTION REFINEMENT
   Final corrective layer
========================================================= */


/* =========================================================
   DESCRIPTION — EDITORIAL INFO BLOCK
========================================================= */

#product-id .p_details_container
.relative.flex.flex-col > p {
  position: relative;

  width: 100%;
  max-width: 640px;

  margin:
    3px 0 20px !important;

  padding:
    14px 16px 14px 18px !important;

  border:
    1px solid
    rgba(11,30,40,.07);

  border-radius:
    15px;

  background:
    linear-gradient(
      135deg,
      #F7F5EF 0%,
      #FCFBF8 100%
    );

  color:
    rgba(32,39,43,.70) !important;

  font-size:
    clamp(13px, .98vw, 15px) !important;

  font-weight:
    540 !important;

  line-height:
    1.78 !important;

  text-align:
    start;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.80);
}


/* remove old full-height description line */
#product-id .p_details_container
.relative.flex.flex-col > p::before {
  content: "";

  position: absolute;

  inset-inline-start: 0;

  top: 14px;

  width: 4px;
  height: 30px;

  border-radius:
    0 999px 999px 0;

  background:
    var(--dg-accent-500);
}


/* tiny navy accent paired with yellow */
#product-id .p_details_container
.relative.flex.flex-col > p::after {
  content: "";

  position: absolute;

  inset-inline-start: 0;

  top: 48px;

  width: 4px;
  height: 13px;

  border-radius:
    0 999px 999px 0;

  background:
    var(--dg-primary-900);
}


/* =========================================================
   PRICE BLOCK — BEST VALUE NEVER OVERLAPS
========================================================= */

#product-id .p_details_container
.flex.items-center.gap-7 {
  margin-top:
    38px !important;

  overflow:
    visible !important;
}


/* badge lives completely outside price surface */
#product-id .p_details_container
.flex.items-center.gap-7::after {
  top:
    -32px !important;

  right:
    auto !important;

  inset-inline-end:
    0 !important;

  min-height:
    24px !important;

  padding:
    5px 10px !important;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    9px 9px 0 9px !important;

  white-space:
    nowrap;

  z-index:
    3;
}


/* connector kept subtle */
#product-id .p_details_container
.flex.items-center.gap-7::before {
  top:
    -6px !important;

  right:
    auto !important;

  inset-inline-end:
    10px !important;

  width:
    22px !important;
}


/* =========================================================
   MOBILE — DEDICATED SPACING / READABILITY
========================================================= */

@media (max-width: 767px) {

  /* Product description becomes a proper readable content block */
  #product-id .p_details_container
  .relative.flex.flex-col > p {
    margin:
      2px 0 18px !important;

    padding:
      13px 14px 13px 16px !important;

    border-radius:
      14px;

    background:
      #F7F5EF;

    color:
      rgba(32,39,43,.72) !important;

    font-size:
      12.5px !important;

    font-weight:
      540 !important;

    line-height:
      1.82 !important;

    box-shadow:
      none;
  }

  #product-id .p_details_container
  .relative.flex.flex-col > p::before {
    top:
      13px;

    width:
      3px;

    height:
      27px;
  }

  #product-id .p_details_container
  .relative.flex.flex-col > p::after {
    top:
      43px;

    width:
      3px;

    height:
      11px;
  }


  /* reserve a real row above price for BEST VALUE */
  #product-id .p_details_container
  .flex.items-center.gap-7 {
    margin-top:
      42px !important;

    min-height:
      64px;

    padding:
      14px 13px !important;

    overflow:
      visible !important;
  }


  /* Best Value is now a detached chip */
  #product-id .p_details_container
  .flex.items-center.gap-7::after {
    top:
      -31px !important;

    right:
      auto !important;

    left:
      0 !important;

    inset-inline-end:
      auto !important;

    min-height:
      23px !important;

    padding:
      5px 9px !important;

    border-radius:
      8px 8px 0 8px !important;

    background:
      var(--dg-primary-900);

    color:
      var(--dg-accent-500);

    box-shadow:
      0 5px 12px
      rgba(11,30,40,.10);

    font-size:
      6.5px !important;

    line-height:
      1 !important;

    letter-spacing:
      .10em;

    white-space:
      nowrap;
  }


  /* connector follows the detached badge */
  #product-id .p_details_container
  .flex.items-center.gap-7::before {
    top:
      -6px !important;

    left:
      9px !important;

    right:
      auto !important;

    inset-inline-end:
      auto !important;

    width:
      20px !important;

    height:
      2px !important;
  }


  /* Current price gets its own strong visual space */
  #product-id #sale-price {
    font-size:
      30px !important;

    line-height:
      1 !important;
  }

  #product-id #sale-price + span {
    margin-inline-start:
      2px;

    font-size:
      12px !important;
  }

  #product-id .p_details_container
  .line-through {
    margin-inline-start:
      4px;

    font-size:
      11px !important;
  }
}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media (max-width: 380px) {

  #product-id .p_details_container
  .relative.flex.flex-col > p {
    padding:
      12px 12px 12px 15px !important;

    font-size:
      12px !important;

    line-height:
      1.78 !important;
  }

  #product-id .p_details_container
  .flex.items-center.gap-7 {
    margin-top:
      40px !important;

    padding:
      13px 11px !important;
  }

  #product-id .p_details_container
  .flex.items-center.gap-7::after {
    top:
      -29px !important;

    font-size:
      6px !important;
  }

  #product-id #sale-price {
    font-size:
      28px !important;
  }
}


/* =========================================================
   V6 — PRODUCT DESCRIPTION / PREMIUM EDITORIAL BLOCK
   Appended to V5 — same CSS file
========================================================= */

#product-id .p_details_container
.relative.flex.flex-col > p {
  position: relative;

  display: block;

  width: 100%;
  max-width: 650px;

  margin: 4px 0 22px !important;

  padding:
    17px 18px 17px 20px !important;

  border:
    1px solid rgba(11,30,40,.075);

  border-radius:
    17px;

  background:
    linear-gradient(
      135deg,
      #F7F5EF 0%,
      #FCFBF8 62%,
      #FFFFFF 100%
    );

  color:
    rgba(32,39,43,.73) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86);

  font-size:
    clamp(13px, 1vw, 15px) !important;

  font-weight:
    560 !important;

  line-height:
    1.82 !important;

  letter-spacing:
    .002em;

  text-align:
    start;

  overflow:
    hidden;
}


/* Yellow/Navy identity rail */
#product-id .p_details_container
.relative.flex.flex-col > p::before {
  content: "";

  position: absolute;

  inset-inline-start: 0;
  top: 0;
  bottom: 0;

  width: 5px;

  border-radius:
    0 999px 999px 0;

  background:
    linear-gradient(
      180deg,
      var(--dg-accent-500) 0%,
      var(--dg-accent-500) 58%,
      var(--dg-primary-900) 58%,
      var(--dg-primary-900) 100%
    );
}


/* Soft brand wash */
#product-id .p_details_container
.relative.flex.flex-col > p::after {
  content: "";

  position: absolute;
  z-index: 0;

  width: 115px;
  height: 115px;

  inset-inline-end: -62px;
  bottom: -70px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(244,197,66,.10) 0%,
      rgba(244,197,66,.035) 46%,
      transparent 72%
    );

  pointer-events: none;
}


/* Keep actual text above decorative wash */
#product-id .p_details_container
.relative.flex.flex-col > p {
  isolation: isolate;
}


/* =========================================================
   MOBILE DESCRIPTION
========================================================= */

@media (max-width: 767px) {

  #product-id .p_details_container
  .relative.flex.flex-col > p {
    margin:
      3px 0 18px !important;

    padding:
      14px 14px 14px 16px !important;

    border-radius:
      14px;

    background:
      linear-gradient(
        135deg,
        #F7F5EF 0%,
        #FCFBF8 100%
      );

    color:
      rgba(32,39,43,.76) !important;

    font-size:
      12.5px !important;

    font-weight:
      560 !important;

    line-height:
      1.84 !important;

    box-shadow:
      none;
  }

  #product-id .p_details_container
  .relative.flex.flex-col > p::before {
    width:
      4px;
  }

  #product-id .p_details_container
  .relative.flex.flex-col > p::after {
    width:
      92px;

    height:
      92px;

    inset-inline-end:
      -52px;

    bottom:
      -58px;
  }
}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 380px) {

  #product-id .p_details_container
  .relative.flex.flex-col > p {
    padding:
      13px 12px 13px 15px !important;

    font-size:
      12px !important;

    line-height:
      1.80 !important;
  }
}


/* =========================================================
   V5.1 — LONG PRODUCT DESCRIPTION / SHIPPING TABS
   Correct target:
   .product_tabs_elegance_container
   .ql-editor
========================================================= */


/* =========================================================
   TABS WRAPPER
========================================================= */

#product-id .product_tabs_elegance_container {
  width: 100% !important;

  margin-top: 30px !important;
  padding: 0 !important;

  border: 0 !important;

  background: transparent !important;
}


/* =========================================================
   TAB SWITCHER
========================================================= */

#product-id .product_tabs_elegance_container > .flex {
  position: relative;

  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr));

  gap: 7px !important;

  padding: 6px !important;

  border: 1px solid rgba(11,30,40,.075);
  border-radius: 17px !important;

  background:
    linear-gradient(
      180deg,
      #EEEAE0 0%,
      #F5F2EA 100%
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78);

  overflow: hidden !important;
}


/* every tab */
#product-id .product_tabs_elegance_container [role="tab"] {
  position: relative;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 0;
  min-height: 46px;

  padding: 10px 14px !important;

  border: 0 !important;
  border-radius: 12px !important;

  background: transparent !important;

  color: rgba(11,30,40,.58) !important;

  box-shadow: none !important;

  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;

  text-align: center;
  white-space: normal !important;

  transition:
    background-color .18s ease,
    color .18s ease,
    transform .18s ease !important;
}


/* selected tab */
#product-id .product_tabs_elegance_container
[role="tab"][aria-selected="true"] {
  background:
    var(--dg-primary-900) !important;

  color:
    #FFFFFF !important;

  box-shadow:
    0 8px 18px rgba(11,30,40,.13) !important;
}


/* yellow active accent */
#product-id .product_tabs_elegance_container
[role="tab"][aria-selected="true"]::after {
  content: "";

  position: absolute;

  left: 50%;
  bottom: 5px;

  width: 34px;
  height: 2px;

  transform: translateX(-50%);

  border-radius: 999px;

  background:
    var(--dg-accent-500);
}


/* =========================================================
   DESCRIPTION CONTENT SHELL
========================================================= */

#product-id .product_tabs_elegance_container
[role="tabpanel"][data-headlessui-state="selected"] {
  position: relative;

  margin-top: 10px !important;

  padding:
    clamp(22px,2.4vw,32px) !important;

  border: 1px solid rgba(11,30,40,.075) !important;
  border-radius: 20px !important;

  background:
    linear-gradient(
      145deg,
      #FFFFFF 0%,
      #F9F7F1 100%
    ) !important;

  box-shadow:
    0 14px 34px rgba(11,30,40,.055),
    inset 0 1px 0 rgba(255,255,255,.90);

  overflow: hidden;

  content-visibility: auto;
  contain-intrinsic-size: 700px;
}


/* top identity accent */
#product-id .product_tabs_elegance_container
[role="tabpanel"][data-headlessui-state="selected"]::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 88px;
  height: 4px;

  border-radius: 0 0 999px 0;

  background:
    var(--dg-primary-900);

  box-shadow:
    88px 0 0 var(--dg-accent-500);
}


/* =========================================================
   RICH TEXT / QL EDITOR
========================================================= */

#product-id .product_tabs_elegance_container .ql-editor {
  padding: 0 !important;

  color:
    rgba(32,39,43,.72) !important;

  font-size:
    12.5px !important;

  font-weight:
    500 !important;

  line-height:
    1.90 !important;

  text-align: start !important;
}


/* paragraphs */
#product-id .product_tabs_elegance_container .ql-editor p {
  margin:
    0 0 10px !important;

  color:
    rgba(32,39,43,.72) !important;
}


/* headings that are authored as strong paragraphs */
#product-id .product_tabs_elegance_container .ql-editor p > strong:only-child {
  display: inline-flex;

  align-items: center;

  min-height: 28px;

  margin-top: 8px;
  margin-bottom: 3px;

  padding:
    5px 10px;

  border-radius:
    9px;

  background:
    #F7F5EF;

  color:
    var(--dg-primary-900) !important;

  font-size:
    11px !important;

  font-weight:
    950 !important;

  line-height:
    1 !important;
}


/* all strong text */
#product-id .product_tabs_elegance_container .ql-editor strong {
  color:
    var(--dg-primary-900) !important;

  font-weight:
    900 !important;
}


/* lists */
#product-id .product_tabs_elegance_container .ql-editor ul {
  margin:
    5px 0 14px !important;

  padding-inline-start:
    20px !important;
}

#product-id .product_tabs_elegance_container .ql-editor li {
  position: relative;

  margin-bottom:
    7px !important;

  padding-inline-start:
    3px;

  color:
    rgba(32,39,43,.70) !important;

  line-height:
    1.82 !important;
}


/* custom yellow bullet */
#product-id .product_tabs_elegance_container .ql-editor li::marker {
  color:
    var(--dg-accent-500);

  font-size:
    .9em;
}


/* remove excessive blank paragraphs */
#product-id .product_tabs_elegance_container .ql-editor p:has(br:only-child) {
  margin:
    0 0 6px !important;

  min-height:
    0 !important;

  line-height:
    .4 !important;
}


/* first intro paragraph */
#product-id .product_tabs_elegance_container .ql-editor > p:first-child {
  margin-bottom:
    18px !important;

  padding:
    13px 15px !important;

  border:
    1px solid rgba(244,197,66,.22);

  border-radius:
    13px;

  background:
    linear-gradient(
      135deg,
      #FFF8D8 0%,
      #FBFAF6 100%
    );

  color:
    var(--dg-primary-900) !important;

  font-weight:
    650 !important;
}


/* =========================================================
   DESKTOP HOVER
========================================================= */

@media (hover:hover) and (pointer:fine) {

  #product-id .product_tabs_elegance_container
  [role="tab"]:not([aria-selected="true"]):hover {
    background:
      rgba(255,255,255,.62) !important;

    color:
      var(--dg-primary-900) !important;

    transform:
      translateY(-1px);
  }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  #product-id .product_tabs_elegance_container {
    margin-top:
      22px !important;
  }

  #product-id .product_tabs_elegance_container > .flex {
    grid-template-columns:
      1fr;

    gap:
      5px !important;

    padding:
      5px !important;

    border-radius:
      15px !important;

    overflow:
      visible !important;
  }

  #product-id .product_tabs_elegance_container [role="tab"] {
    width:
      100%;

    min-height:
      42px;

    padding:
      9px 11px !important;

    border-radius:
      11px !important;

    font-size:
      9px !important;

    line-height:
      1.3 !important;

    white-space:
      normal !important;

    transition:
      none !important;
  }

  #product-id .product_tabs_elegance_container
  [role="tab"][aria-selected="true"]::after {
    bottom:
      4px;

    width:
      28px;
  }

  #product-id .product_tabs_elegance_container
  [role="tabpanel"][data-headlessui-state="selected"] {
    margin-top:
      8px !important;

    padding:
      18px 14px !important;

    border-radius:
      16px !important;

    box-shadow:
      0 8px 20px rgba(11,30,40,.045);

    contain-intrinsic-size:
      820px;
  }

  #product-id .product_tabs_elegance_container
  [role="tabpanel"][data-headlessui-state="selected"]::before {
    width:
      54px;

    height:
      3px;

    box-shadow:
      54px 0 0 var(--dg-accent-500);
  }

  #product-id .product_tabs_elegance_container .ql-editor {
    font-size:
      11.5px !important;

    line-height:
      1.88 !important;
  }

  #product-id .product_tabs_elegance_container .ql-editor p {
    margin-bottom:
      9px !important;
  }

  #product-id .product_tabs_elegance_container .ql-editor > p:first-child {
    margin-bottom:
      15px !important;

    padding:
      11px 12px !important;

    border-radius:
      11px;

    font-size:
      11.5px !important;

    line-height:
      1.75 !important;
  }

  #product-id .product_tabs_elegance_container
  .ql-editor p > strong:only-child {
    min-height:
      26px;

    margin-top:
      7px;

    padding:
      5px 8px;

    border-radius:
      8px;

    font-size:
      10px !important;
  }

  #product-id .product_tabs_elegance_container .ql-editor ul {
    margin-bottom:
      12px !important;

    padding-inline-start:
      18px !important;
  }

  #product-id .product_tabs_elegance_container .ql-editor li {
    margin-bottom:
      6px !important;

    line-height:
      1.78 !important;
  }
}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 380px) {

  #product-id .product_tabs_elegance_container
  [role="tabpanel"][data-headlessui-state="selected"] {
    padding:
      16px 12px !important;
  }

  #product-id .product_tabs_elegance_container .ql-editor {
    font-size:
      11px !important;

    line-height:
      1.84 !important;
  }
}


/* =========================================================
   DEUTSCH GO — V6 HARD OVERRIDE
   LONG PRODUCT DESCRIPTION / SHIPPING + RETURN
   Built against the exact EasyOrders DOM:
   .product_tabs_elegance_container
   > div[role="tablist"]
   div[role="tabpanel"][data-headlessui-state="selected"]
   .ql-editor
========================================================= */


/* ---------- WHOLE DESCRIPTION AREA ---------- */

#product-id .product_tabs_elegance_container {
  width: 100% !important;
  margin-top: 28px !important;
  padding: 0 !important;
  background: transparent !important;
}


/* ---------- TAB BAR ---------- */

#product-id .product_tabs_elegance_container > div[role="tablist"],
#product-id .product_tabs_elegance_container > .flex[role="tablist"] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;

  gap: 8px !important;

  width: 100% !important;

  padding: 7px !important;

  border: 1px solid rgba(11,30,40,.10) !important;
  border-radius: 18px !important;

  background: #EEEAE0 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.84) !important;

  overflow: visible !important;
}


/* ---------- EACH TAB ---------- */

#product-id .product_tabs_elegance_container button[role="tab"] {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 50px !important;

  padding: 11px 14px !important;

  border: 1px solid transparent !important;
  border-radius: 13px !important;

  background: transparent !important;
  color: rgba(11,30,40,.62) !important;

  box-shadow: none !important;

  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;

  white-space: normal !important;
  text-align: center !important;

  opacity: 1 !important;
}


/* ---------- ACTIVE TAB ---------- */

#product-id .product_tabs_elegance_container button[role="tab"][aria-selected="true"],
#product-id .product_tabs_elegance_container button[role="tab"][data-headlessui-state="selected"] {
  border-color: var(--dg-primary-900, #0B1E28) !important;

  background: var(--dg-primary-900, #0B1E28) !important;
  color: #FFFFFF !important;

  box-shadow:
    0 9px 20px rgba(11,30,40,.16) !important;
}

#product-id .product_tabs_elegance_container button[role="tab"][aria-selected="true"]::after,
#product-id .product_tabs_elegance_container button[role="tab"][data-headlessui-state="selected"]::after {
  content: "" !important;

  position: absolute !important;

  left: 50% !important;
  bottom: 6px !important;

  width: 38px !important;
  height: 3px !important;

  transform: translateX(-50%) !important;

  border-radius: 999px !important;

  background: var(--dg-accent-500, #F4C542) !important;
}


/* ---------- ACTIVE CONTENT PANEL ---------- */

#product-id .product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"] {
  position: relative !important;

  display: block !important;

  width: 100% !important;

  margin-top: 12px !important;

  padding: 28px 30px 30px !important;

  border: 1px solid rgba(11,30,40,.09) !important;
  border-radius: 22px !important;

  background:
    linear-gradient(
      145deg,
      #FFFFFF 0%,
      #F8F6EF 100%
    ) !important;

  box-shadow:
    0 16px 36px rgba(11,30,40,.065),
    inset 0 1px 0 rgba(255,255,255,.90) !important;

  overflow: hidden !important;
}


/* Brand rail */
#product-id .product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"]::before {
  content: "" !important;

  position: absolute !important;

  top: 0 !important;
  left: 0 !important;

  width: 90px !important;
  height: 5px !important;

  background: #0B1E28 !important;

  box-shadow: 90px 0 0 #F4C542 !important;

  border-radius: 0 0 999px 0 !important;
}


/* ---------- QL EDITOR RESET ---------- */

#product-id .product_tabs_elegance_container .ql-editor {
  width: 100% !important;

  padding: 0 !important;
  margin: 0 !important;

  background: transparent !important;

  color: #46545A !important;

  font-size: 13px !important;
  font-weight: 520 !important;
  line-height: 1.9 !important;

  text-align: start !important;
}


/* ---------- INTRO PARAGRAPH ---------- */

#product-id .product_tabs_elegance_container .ql-editor > p:first-child {
  position: relative !important;

  margin: 0 0 22px !important;

  padding: 15px 17px 15px 20px !important;

  border: 1px solid rgba(244,197,66,.30) !important;
  border-radius: 15px !important;

  background:
    linear-gradient(
      135deg,
      #FFF8D8 0%,
      #FBFAF5 100%
    ) !important;

  color: #0B1E28 !important;

  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.75 !important;
}

#product-id .product_tabs_elegance_container .ql-editor > p:first-child::before {
  content: "" !important;

  position: absolute !important;

  inset-inline-start: 0 !important;
  top: 0 !important;
  bottom: 0 !important;

  width: 4px !important;

  border-radius: 0 999px 999px 0 !important;

  background: #F4C542 !important;
}


/* ---------- SECTION HEADINGS ---------- */

#product-id .product_tabs_elegance_container .ql-editor p > strong:only-child {
  display: inline-flex !important;
  align-items: center !important;

  min-height: 34px !important;

  margin: 10px 0 8px !important;

  padding: 7px 12px !important;

  border: 1px solid rgba(11,30,40,.08) !important;
  border-radius: 11px !important;

  background: #F7F5EF !important;
  color: #0B1E28 !important;

  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1 !important;

  box-shadow:
    inset 4px 0 0 #F4C542 !important;
}


/* ---------- NORMAL PARAGRAPHS ---------- */

#product-id .product_tabs_elegance_container .ql-editor p {
  margin: 0 0 11px !important;

  color: #4E5B60 !important;

  font-size: 13px !important;
  line-height: 1.88 !important;
}


/* ---------- LISTS ---------- */

#product-id .product_tabs_elegance_container .ql-editor ul {
  display: grid !important;

  gap: 7px !important;

  margin: 6px 0 18px !important;

  padding: 0 !important;

  list-style: none !important;
}

#product-id .product_tabs_elegance_container .ql-editor li {
  position: relative !important;

  display: block !important;

  margin: 0 !important;

  padding: 10px 34px 10px 12px !important;

  border: 1px solid rgba(11,30,40,.055) !important;
  border-radius: 11px !important;

  background: rgba(255,255,255,.72) !important;

  color: #4B585D !important;

  font-size: 12.5px !important;
  line-height: 1.72 !important;
}


/* Custom bullet */
#product-id .product_tabs_elegance_container .ql-editor li::before {
  content: "" !important;

  position: absolute !important;

  top: 16px !important;
  right: 14px !important;

  width: 7px !important;
  height: 7px !important;

  border-radius: 50% !important;

  background: #F4C542 !important;

  box-shadow:
    0 0 0 3px rgba(244,197,66,.14) !important;
}


/* ---------- STRONG INLINE TEXT ---------- */

#product-id .product_tabs_elegance_container .ql-editor strong {
  color: #0B1E28 !important;
  font-weight: 900 !important;
}


/* ---------- EMPTY PARAGRAPHS ---------- */

#product-id .product_tabs_elegance_container .ql-editor p:has(> br:only-child) {
  display: none !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  #product-id .product_tabs_elegance_container {
    margin-top: 20px !important;
  }

  #product-id .product_tabs_elegance_container > div[role="tablist"],
  #product-id .product_tabs_elegance_container > .flex[role="tablist"] {
    grid-template-columns: 1fr !important;

    gap: 5px !important;

    padding: 5px !important;

    border-radius: 15px !important;
  }

  #product-id .product_tabs_elegance_container button[role="tab"] {
    min-height: 44px !important;

    padding: 9px 11px !important;

    border-radius: 11px !important;

    font-size: 10px !important;

    transition: none !important;
  }

  #product-id .product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"] {
    margin-top: 8px !important;

    padding: 20px 14px 22px !important;

    border-radius: 17px !important;

    box-shadow:
      0 8px 22px rgba(11,30,40,.05) !important;
  }

  #product-id .product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"]::before {
    width: 58px !important;
    height: 4px !important;

    box-shadow: 58px 0 0 #F4C542 !important;
  }

  #product-id .product_tabs_elegance_container .ql-editor {
    font-size: 12px !important;
    line-height: 1.84 !important;
  }

  #product-id .product_tabs_elegance_container .ql-editor > p:first-child {
    margin-bottom: 17px !important;

    padding: 13px 13px 13px 16px !important;

    border-radius: 12px !important;

    font-size: 12px !important;
    line-height: 1.72 !important;
  }

  #product-id .product_tabs_elegance_container .ql-editor p > strong:only-child {
    min-height: 31px !important;

    margin: 8px 0 7px !important;

    padding: 6px 10px !important;

    border-radius: 10px !important;

    font-size: 11px !important;
  }

  #product-id .product_tabs_elegance_container .ql-editor p {
    margin-bottom: 9px !important;

    font-size: 12px !important;
    line-height: 1.82 !important;
  }

  #product-id .product_tabs_elegance_container .ql-editor ul {
    gap: 6px !important;

    margin-bottom: 15px !important;
  }

  #product-id .product_tabs_elegance_container .ql-editor li {
    padding: 9px 30px 9px 10px !important;

    border-radius: 10px !important;

    font-size: 11.5px !important;
    line-height: 1.68 !important;
  }

  #product-id .product_tabs_elegance_container .ql-editor li::before {
    top: 14px !important;
    right: 12px !important;

    width: 6px !important;
    height: 6px !important;
  }
}