/* Shared reading order and navigation for the five product pages. */
.product-detail-page .epp-main [id]{scroll-margin-top:100px}
.epp-essential-size{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:16px 0;margin:20px 0;border-block:1px solid var(--line);font:400 14px/1.5 var(--utility)}
.epp-essential-size strong{font-weight:600}
.epp-essential-size a{font-size:13px;text-decoration:underline;text-underline-offset:4px;margin-left:auto}
.epp-purchase-shortcuts{display:flex;flex-wrap:wrap;gap:4px 24px;margin:10px 0 0}
.epp-purchase-shortcuts a{display:inline-flex;align-items:center;min-height:44px;font:500 14px/1.5 var(--utility);color:var(--olive-deep);text-decoration:underline;text-underline-offset:4px}
.epp-section-kicker{font:700 12px/1.5 var(--utility);text-transform:uppercase;letter-spacing:.12em;margin:0 0 18px;color:var(--olive-deep)}
.epp-choice-return{padding:40px 5vw;display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--cream-soft);border-block:1px solid var(--line)}
.epp-choice-return h2{font:400 clamp(24px,2.6vw,36px)/1.13 var(--editorial);letter-spacing:-.025em;margin:0;max-width:560px}
.epp-choice-return .epp-section-kicker{margin-bottom:10px}
.epp-choice-return .btn{flex-shrink:0;text-align:center;min-height:48px}
.product-detail-page :is(.epp-path-nav,.epp-choice-return,.epp-essential-size) a:focus-visible{outline:2px solid var(--olive-deep);outline-offset:5px}
.product-detail-page :is(#epp-configurare,#epp-design,#epp-dimensiuni,#epp-detalii,#epp-accesorii):focus{outline:none}
@media(max-width:600px){.epp-choice-return{padding-left:20px;padding-right:20px}.epp-choice-return{align-items:stretch;flex-direction:column}.epp-choice-return .btn{width:100%;white-space:normal}.epp-essential-size a{width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){html:has(.product-detail-page){scroll-behavior:auto}}

/* Linia de dimensiuni din panoul de cumpărare — vezi nota din product-detail.css. */
.epp-essential-size strong{ font-variant-numeric: tabular-nums; }

/* Product chapters: centred links, quiet numbering and a fine ember accent. */
.epp-path-nav{padding:12px 5vw;background:var(--cream);border-block:1px solid var(--line)}
.epp-path-nav>div{display:flex;justify-content:center;gap:clamp(20px,4vw,64px);counter-reset:product-chapter}
.epp-path-nav a{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:8px 0;flex-shrink:0;counter-increment:product-chapter;font:500 11px/1.4 var(--utility);letter-spacing:.12em;text-transform:uppercase;color:var(--olive-deep);text-decoration:none;transition:color .25s ease}
.epp-path-nav a::before{content:counter(product-chapter,decimal-leading-zero);font-size:9px;letter-spacing:.04em;font-variant-numeric:tabular-nums;opacity:.45}
.epp-path-nav a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--ember);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.epp-path-nav a:hover,.epp-path-nav a:focus-visible,.epp-path-nav a[aria-current="location"]{color:var(--ember)}
.epp-path-nav a:hover::after,.epp-path-nav a:focus-visible::after,.epp-path-nav a[aria-current="location"]::after{transform:scaleX(1)}
@media(max-width:700px){.epp-path-nav{padding:8px 20px;overflow-x:auto}.epp-path-nav>div{justify-content:flex-start;gap:28px;width:max-content;min-width:100%}.epp-path-nav a{min-height:48px;font-size:10px;letter-spacing:.09em}}
@media(prefers-reduced-motion:reduce){.epp-path-nav a,.epp-path-nav a::after{transition:none}}

/* Accessories: quiet product shelf, aligned to one shared content axis. */
.epp-accessories{
  padding:clamp(72px,8vw,112px) 5vw clamp(84px,9vw,128px);
  background:var(--cream);
  color:var(--charcoal);
  overflow:hidden;
}
.epp-accessories .ce-accessories-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:32px;
  width:100%;
  max-width:1500px;
  margin:0 auto clamp(40px,5vw,64px);
}
.epp-accessories .ce-accessories-head>div{max-width:820px}
.epp-accessories .ce-accessories-head>p{max-width:24ch;margin:0 0 5px;text-align:right;font:400 14px/1.55 var(--utility);color:rgba(17,15,10,.56)}
.epp-accessories .ce-accessories-head .ce-section-kicker{margin-bottom:14px;color:var(--ember)}
.epp-accessories .ce-accessories-head h2{font-family:var(--editorial);font-size:clamp(40px,4.6vw,64px);font-weight:400;line-height:1;letter-spacing:-.04em}
.epp-accessories .ce-accessory-grid{max-width:1500px;margin-inline:auto;gap:clamp(18px,2vw,30px);align-items:stretch}
.epp-accessories .ce-accessory-card,
.epp-accessories .ce-accessory-card:hover{position:relative;height:100%;padding:0;transform:none;box-shadow:none}
.epp-accessories .ce-accessory-card::before{content:none}
.epp-accessories .ce-accessory-media,
.epp-accessories .ce-accessory-card:hover .ce-accessory-media,
.epp-accessories .ce-accessory-card:focus-within .ce-accessory-media{background:var(--cream-soft);box-shadow:none;transition:background-color .3s ease}
.epp-accessories .ce-accessory-media>img,
.epp-accessories .ce-accessory-card:hover .ce-accessory-media>img,
.epp-accessories .ce-accessory-card:focus-within .ce-accessory-media>img{transform:scale(.95);filter:none;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.epp-accessories .ce-accessory-card:hover .ce-accessory-media>img,
.epp-accessories .ce-accessory-card:focus-within .ce-accessory-media>img{transform:scale(.985)}
.epp-accessories .ce-accessory-meta{display:flex;flex-direction:column;gap:7px;min-height:0;padding-top:18px}
.epp-accessories .ce-accessory-name{font:400 clamp(20px,1.8vw,27px)/1.1 var(--editorial);letter-spacing:-.025em}
.epp-accessories .ce-accessory-price{font:500 13px/1.4 var(--utility);color:rgba(17,15,10,.58)}
.epp-accessories .ce-accessory-variants{margin:0 0 14px;min-height:44px;gap:10px}
.epp-accessories .ce-accessory-variant{padding:0 3px;gap:7px;font:500 12px/1.4 var(--utility)}
.epp-accessories .ce-accessory-card:not(.ce-accessory-card-mask) .ce-accessory-add{margin-top:58px}
.epp-accessories .ce-accessory-add{
  display:flex;
  flex-direction:row;
  flex:0 0 auto;
  justify-content:center;
  align-items:center;
  min-height:48px;
  width:100%;
  margin-top:auto;
  padding:12px 14px;
  border:0;
  border-radius:0;
  background:rgba(17,15,10,.065);
  color:var(--charcoal);
  font:600 12px/1.4 var(--utility);
  letter-spacing:.02em;
  text-transform:none;
  text-align:center;
  cursor:pointer;
  transition:background-color .25s ease,color .25s ease;
}
.epp-accessories .ce-accessory-add::after,
.epp-accessories .ce-accessory-action::after,
.epp-accessories .ce-accessory-card.is-added .ce-accessory-action::after{content:none}
.epp-accessories .ce-accessory-add:hover{background:var(--charcoal);color:var(--cream)}
.epp-accessories .ce-accessory-add:focus-visible{outline:2px solid var(--ember);outline-offset:4px}
.epp-accessories .ce-accessory-card.is-added .ce-accessory-add{background:var(--olive-deep);color:var(--cream)}
@media(max-width:1024px){
  .epp-accessories .ce-accessory-grid{display:flex;grid-template-columns:none;align-items:stretch;gap:16px;margin-right:-5vw;padding:0 5vw 14px 0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline-start:0;scrollbar-width:none;overscroll-behavior-inline:contain}
  .epp-accessories .ce-accessory-grid::-webkit-scrollbar{display:none}
  .epp-accessories .ce-accessory-grid:focus-visible{outline:2px solid var(--ember);outline-offset:6px}
  .epp-accessories .ce-accessory-card{flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start;scroll-snap-stop:normal}
}
@media(max-width:700px){
  .epp-accessories{padding:64px 20px 80px}
  .epp-accessories .ce-accessory-grid{gap:16px;margin-right:-20px;padding-right:20px}
  .epp-accessories .ce-accessory-card{flex-basis:calc((100% - 16px)/1.5)}
  .epp-accessories .ce-accessory-name{font-size:22px}
  .epp-accessories .ce-accessory-meta{min-height:0;padding-top:18px}
  .epp-accessories .ce-accessory-add{font-size:15px;min-height:52px;padding-inline:8px}
  .epp-accessories .ce-accessory-variants{gap:10px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.epp-accessories .ce-accessory-add{transition:none}}
/* One shared alignment axis for every purchase-panel section. */
.product-detail-page .epp-buy-panel > *{box-sizing:border-box;width:100%;max-width:520px;margin-inline:auto;min-width:0}
.epp-buy-panel .epp-heading{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.epp-buy-panel .epp-title{line-height:1.05}
.epp-buy-panel .epp-heading .epp-rating{align-self:flex-start;justify-self:start;padding:0;margin:0;flex-wrap:wrap;gap:6px 12px;line-height:1.5}
.epp-buy-panel .epp-price-row{margin-top:24px;margin-bottom:20px;gap:16px;flex-wrap:wrap;border-top:0;padding:0 0 20px}
.epp-buy-panel .epp-price-row>span{font-size:12px;letter-spacing:.06em}
.epp-buy-panel .epp-fit-note{margin-top:0;margin-bottom:26px;line-height:1.65}
.epp-buy-panel .epp-option-block{min-inline-size:0;margin-bottom:24px}
.epp-buy-panel .epp-option-block legend{padding:0;gap:12px;line-height:1.5;flex-wrap:wrap;font-size:12px;letter-spacing:.06em}
.epp-buy-panel .buy-colors{justify-content:flex-start;flex-wrap:wrap;gap:10px}
.epp-buy-panel .epp-purchase-row{grid-template-columns:136px minmax(0,1fr);align-items:stretch;gap:12px;margin-top:8px}
.epp-buy-panel .epp-purchase-row .buy-qty{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:0;padding:0 4px;min-width:0;height:54px}
.epp-buy-panel .epp-purchase-row .qty-value{min-width:24px;text-align:center}
.epp-buy-panel .epp-purchase-row .buy-cta{height:auto;min-height:60px;white-space:normal;line-height:1.35;padding:12px}
.epp-buy-panel .epp-delivery-note{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:20px;padding-block:20px}
.epp-buy-panel .epp-delivery-note>div{align-items:flex-start}
.epp-buy-panel .epp-delivery-note>div>span{width:18px;text-align:center;line-height:1.55}
.epp-buy-panel .epp-purchase-shortcuts{gap:0 22px;margin-top:12px}
@media(max-width:380px){.epp-buy-panel .epp-purchase-row{grid-template-columns:120px minmax(0,1fr);gap:8px}.epp-buy-panel .epp-purchase-row .buy-qty{padding:0}.epp-buy-panel .epp-purchase-row .buy-cta{font-size:14px;padding-inline:8px}}
