/* ARAM NOTES — compact configurator refinement */
.an-configurator-grid{grid-template-columns:minmax(300px,420px) minmax(0,1fr)!important;align-items:stretch!important}
.an-preview{align-self:stretch!important;min-height:100%!important;padding:24px!important;background:linear-gradient(145deg,#f7f1e8,#efe2cf)!important}
.an-preview-inner{max-width:380px!important;width:100%!important;display:flex!important;flex-direction:column!important;gap:14px!important}
.an-book{margin:0!important}
.an-preview-info{margin-top:0!important;padding:16px 17px!important}
.an-benefits{gap:5px!important}
.an-discount-note{margin-top:9px!important;padding-top:9px!important}

.an-builder{padding:24px 26px 26px!important;display:flex!important;flex-direction:column!important;min-height:100%!important}
.an-top-options{grid-template-columns:1fr 1fr 1fr!important;gap:10px!important;flex:0 0 auto!important;align-items:stretch!important}
.an-top-options .an-step:first-child{grid-column:auto!important}
.an-step{padding:14px!important;border-radius:16px!important}
.an-step-title{margin-bottom:10px!important;font-size:11px!important;gap:7px!important}
.an-step-title span{width:24px!important;height:24px!important;border-radius:8px!important;font-size:10px!important}
.an-options{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
.an-option{min-height:38px!important;padding:8px 10px!important;border-radius:11px!important;font-size:11px!important;line-height:1.15!important;box-shadow:none!important}
.an-option:hover{transform:none!important;box-shadow:none!important}
.an-option.is-selected{box-shadow:0 0 0 2px rgba(197,165,104,.18)!important}

@media(min-width:1051px){
  .an-top-options>.an-step{display:flex!important;flex-direction:column!important;min-height:142px!important}
  .an-top-options>.an-step .an-step-title{flex:0 0 auto!important}
  .an-top-options>.an-step .an-options{flex:1 1 auto!important;align-content:center!important;align-items:stretch!important}
  .an-top-options>.an-step:nth-child(1) .an-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(38px,1fr)!important;gap:7px!important}
  .an-top-options>.an-step:nth-child(2) .an-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;align-items:center!important}
  .an-top-options>.an-step:nth-child(3) .an-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;align-items:center!important}
  .an-top-options>.an-step .an-option{width:100%!important;height:100%!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:8px!important}
}

.an-cover-step{margin-top:12px!important;padding:14px!important;border-radius:16px!important;flex:0 0 auto!important;display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;position:relative!important}
.an-cover-hint{display:none}
.an-covers{display:grid!important;grid-template-rows:repeat(2,auto)!important;grid-auto-flow:column!important;grid-auto-columns:112px!important;grid-template-columns:none!important;gap:8px!important;max-height:none!important;height:auto!important;flex:none!important;align-content:start!important;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 6px 10px 2px!important;scroll-snap-type:x proximity!important;overscroll-behavior-inline:contain!important;scrollbar-width:thin!important;scrollbar-color:#ccb58b transparent!important}
.an-covers::-webkit-scrollbar{height:8px!important}.an-covers::-webkit-scrollbar-thumb{background:#ccb58b!important;border-radius:999px!important}.an-covers::-webkit-scrollbar-track{background:transparent!important}
.an-cover{padding:5px!important;border-radius:12px!important;align-self:start!important;width:112px!important;scroll-snap-align:start!important}.an-cover small{padding:5px 2px 2px!important;font-size:9px!important}.an-cover:hover{transform:none!important}.an-cover-media{border-radius:9px!important}

.an-bottom{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;align-items:stretch!important;margin-top:14px!important;flex:0 0 auto!important}
.an-price-only{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:44px!important;padding:10px 13px!important;border:1px solid #dfceb1!important;border-radius:12px!important;background:#f7f1e8!important;color:#5e4b2b!important}
.an-price-only span{font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#8a6f3f!important}.an-price-only strong{font-size:20px!important;line-height:1!important;color:#241d17!important;white-space:nowrap!important}
.an-actions{display:contents!important;margin:0!important}.an-btn{min-height:44px!important;border-radius:12px!important;padding:10px 13px!important;font-size:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.2!important}.an-btn.secondary{gap:4px!important}.an-btn.secondary [data-cart-count]{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}

@media(max-width:1050px){
  .an-configurator-grid{grid-template-columns:1fr!important}.an-preview-inner{max-width:420px!important}.an-builder{min-height:auto!important}.an-top-options{grid-template-columns:1fr 1fr 1fr!important}.an-cover-step{flex:none!important}.an-covers{grid-template-rows:repeat(2,auto)!important;grid-auto-flow:column!important;grid-auto-columns:108px!important;grid-template-columns:none!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:none!important}.an-cover{width:108px!important}.an-bottom{grid-template-columns:1fr 1fr 1fr!important}
}
@media(max-width:760px){
  .an-configurator-shell{border-radius:18px!important;overflow:hidden!important}
  .an-configurator-grid{display:flex!important;flex-direction:column!important}
  .an-preview{min-height:0!important;padding:12px!important;align-items:stretch!important;background:#f3ecdf!important}
  .an-preview-inner{max-width:none!important;display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;gap:12px!important;align-items:center!important}
  .an-book{width:132px!important;aspect-ratio:1/1!important;border-radius:12px!important}
  .an-preview-info{padding:12px!important;border-radius:12px!important;min-width:0!important}
  .an-preview-kicker{font-size:9px!important;margin-bottom:7px!important}
  .an-benefits{gap:4px!important}.an-benefits span{font-size:10px!important;line-height:1.3!important}
  .an-discount-note{font-size:9px!important;line-height:1.35!important;margin-top:7px!important;padding-top:7px!important}

  .an-builder{padding:12px!important;background:#fff!important}
  .an-top-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .an-top-options .an-step:first-child{grid-column:1/-1!important}
  .an-step{padding:11px!important;border-radius:13px!important;margin-top:0!important}
  .an-step-title{font-size:10px!important;margin-bottom:8px!important}.an-step-title span{width:21px!important;height:21px!important;font-size:9px!important}
  .an-top-options .an-step:first-child .an-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .an-top-options .an-step:not(:first-child) .an-options{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  .an-option{width:100%!important;min-height:36px!important;padding:7px 8px!important;font-size:10px!important}

  .an-cover-step{margin-top:9px!important;padding:11px!important;border-radius:13px!important;overflow:hidden!important}
  .an-cover-hint{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;margin:-2px 2px 6px!important;font-size:9px!important;font-weight:800!important;color:#8a6f3f!important;letter-spacing:.01em!important}
  .an-cover-hint span{font-size:14px!important;line-height:1!important;animation:anCoverHint 1.4s ease-in-out infinite!important}
  .an-covers{display:grid!important;grid-template-rows:1fr!important;grid-auto-flow:column!important;grid-auto-columns:88px!important;gap:7px!important;padding:3px 28px 8px 3px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;position:relative!important}
  .an-cover-step:after{content:'›';position:absolute;right:7px;top:50%;transform:translateY(4px);width:26px;height:42px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(255,255,255,.96));display:flex;align-items:center;justify-content:flex-end;padding-right:4px;font-size:26px;line-height:1;color:#9a7b45;pointer-events:none;box-shadow:-8px 0 14px rgba(255,255,255,.7)}
  .an-cover{width:88px!important;padding:4px!important;border-radius:10px!important;scroll-snap-align:start!important}.an-cover small{font-size:8px!important;padding-top:3px!important}.an-cover-media{border-radius:7px!important}

  .an-bottom{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:10px!important}
  .an-price-only{grid-column:1/-1!important;min-height:42px!important;padding:9px 12px!important;border-radius:11px!important}.an-price-only strong{font-size:19px!important}
  .an-actions{display:contents!important}.an-btn{min-height:43px!important;padding:9px 8px!important;font-size:10px!important;border-radius:11px!important}
}
@keyframes anCoverHint{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@media(max-width:430px){
  .an-preview-inner{grid-template-columns:112px minmax(0,1fr)!important;gap:10px!important}.an-book{width:112px!important}.an-preview-info{padding:10px!important}.an-benefits span{font-size:9px!important}.an-discount-note{font-size:8.5px!important}
  .an-top-options{grid-template-columns:1fr 1fr!important}.an-top-options .an-step:first-child{grid-column:1/-1!important}.an-builder{padding:10px!important}.an-step{padding:9px!important}.an-cover-step{padding:9px!important}.an-covers{grid-auto-columns:82px!important}.an-cover{width:82px!important}
}