
.lp-photo-showcase{padding:28px 0 62px;background:#242424;color:#fff;overflow:hidden}
.lp-photo-panel{position:relative;height:min(720px,calc(100svh - 150px));min-height:610px;max-height:720px;overflow:hidden;border:1px solid rgba(255,255,255,.085);border-radius:34px;background:radial-gradient(circle at 13% 25%,rgba(153,15,41,.62),transparent 32%),radial-gradient(circle at 88% 9%,rgba(171,136,62,.16),transparent 27%),linear-gradient(135deg,#26070f 0%,#110a0d 48%,#08090b 100%);box-shadow:0 38px 110px rgba(0,0,0,.42);isolation:isolate}
.lp-photo-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 35%,transparent),linear-gradient(180deg,rgba(255,255,255,.015),transparent 18%)}
.lp-photo-top{position:absolute;z-index:12;top:22px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.lp-photo-brand{color:#e6bd68;font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.lp-photo-tabs{display:flex;gap:5px;padding:5px;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:rgba(5,5,7,.46);backdrop-filter:blur(12px)}
.lp-photo-tabs button{min-width:132px;padding:8px 12px;border:0;border-radius:11px;background:transparent;color:rgba(255,255,255,.58);cursor:pointer;text-align:left;transition:background .25s,color .25s}
.lp-photo-tabs button span{display:block;font-size:.68rem;font-weight:900}
.lp-photo-tabs button small{display:block;margin-top:2px;font-size:.58rem}
.lp-photo-tabs button.is-active{background:#f2d081;color:#2a1608}
.lp-photo-body,.lp-photo-group,.lp-photo-slides{position:absolute;inset:0}
.lp-photo-group[hidden]{display:none!important}
.lp-photo-slide{display:none!important}
.lp-photo-slide.is-active{position:absolute;inset:0;display:grid!important;grid-template-columns:minmax(0,1.04fr) minmax(410px,.96fr);align-items:center;gap:34px;padding:82px 58px 76px;animation:lpPhotoIn .72s cubic-bezier(.22,.72,.18,1) both}
.lp-photo-copy{min-width:0;position:relative;z-index:3}
.lp-photo-counter{display:flex;align-items:center;gap:12px;margin-bottom:21px;color:rgba(255,255,255,.56);font-size:.65rem;font-weight:850;letter-spacing:.14em}
.lp-photo-counter i{display:block;width:40px;height:1px;background:#d6ad58}
.lp-photo-kicker{display:block;margin-bottom:14px;color:#e8c06c;font-size:.66rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.lp-photo-copy h2{max-width:760px;margin:0 0 18px;color:#fff;font-family:var(--sans);font-size:clamp(3.2rem,5.3vw,6.05rem);font-weight:950;line-height:.88;letter-spacing:-.068em;text-wrap:balance}
.lp-photo-copy>p{max-width:670px;margin:0;color:rgba(255,255,255,.69);font-size:clamp(.96rem,1.16vw,1.10rem);line-height:1.62}
.lp-photo-facts{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 25px}
.lp-photo-facts span{padding:6px 10px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:rgba(255,255,255,.84);background:rgba(255,255,255,.042);font-size:.64rem;font-weight:800}
.lp-photo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:17px}
.lp-photo-buy{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 21px;border-radius:999px;background:#f2cf7e;color:#291407;font-size:.72rem;font-weight:950;letter-spacing:.055em;text-transform:uppercase;text-decoration:none;box-shadow:0 12px 28px rgba(0,0,0,.24);transition:transform .25s,box-shadow .25s,background .25s}
.lp-photo-buy:hover{transform:translateY(-3px);background:#ffe19a;box-shadow:0 17px 36px rgba(0,0,0,.32)}
.lp-photo-read{color:#fff;font-size:.75rem;font-weight:850;text-decoration:none}
.lp-photo-read:hover{color:#f2cf7e}
.lp-photo-note{display:block;max-width:620px;margin-top:14px;color:rgba(255,255,255,.39);font-size:.63rem;line-height:1.45}
.lp-photo-product{position:relative;min-height:500px;display:grid;place-items:center;text-decoration:none;isolation:isolate}
.lp-photo-orbit{position:absolute;width:76%;aspect-ratio:1;border:1px solid rgba(255,255,255,.075);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.012),0 0 0 80px rgba(255,255,255,.008)}
.lp-photo-glow{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(157,16,43,.46),rgba(157,16,43,.09) 48%,transparent 72%);animation:lpPhotoGlow 7s ease-in-out infinite alternate}
.lp-photo-product img{position:relative;z-index:2;width:84%;height:420px;object-fit:contain;filter:drop-shadow(0 35px 42px rgba(0,0,0,.54));transition:transform .65s cubic-bezier(.22,.72,.18,1)}
.lp-photo-product:hover img{transform:translateY(-7px) scale(1.022)}
.lp-photo-price{position:absolute;right:5px;bottom:28px;z-index:5;width:min(285px,76%);padding:17px 18px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(8,8,10,.82);color:#fff;backdrop-filter:blur(15px);box-shadow:0 22px 50px rgba(0,0,0,.34)}
.lp-photo-price small{display:block;color:#fff;font-size:.77rem;font-weight:820;line-height:1.3}
.lp-photo-price strong{display:flex;align-items:baseline;gap:8px;margin:8px 0 6px;color:#fff;font-size:1.18rem}
.lp-photo-price del{color:rgba(255,255,255,.40);font-size:.72rem}
.lp-photo-price em{color:rgba(255,255,255,.54);font-size:.62rem;font-style:normal;font-weight:750}
.lp-photo-dots{position:absolute;z-index:14;left:34px;right:185px;bottom:23px;display:flex;align-items:center;gap:6px;overflow:hidden}
.lp-photo-dots button{flex:0 0 auto;width:5px;height:5px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.26);cursor:pointer;transition:transform .25s,background .25s}
.lp-photo-dots button.is-active{background:#f2cf7e;transform:scale(1.5)}
.lp-photo-footer{position:absolute;z-index:13;left:0;right:0;bottom:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:14px 18px;border-top:1px solid rgba(255,255,255,.075);background:rgba(5,5,7,.66);backdrop-filter:blur(13px)}
.lp-photo-progress{height:2px;background:rgba(255,255,255,.11);overflow:hidden}
.lp-photo-progress span{display:block;width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,#d6ad58,#fff);animation:lpPhotoProgress 6.8s linear forwards}
.lp-photo-controls{display:flex;gap:7px}
.lp-photo-controls button{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(255,255,255,.045);color:#fff;cursor:pointer;transition:background .25s,transform .25s}
.lp-photo-controls button:hover{background:rgba(255,255,255,.13);transform:translateY(-2px)}
.lp-photo-panel.is-paused .lp-photo-progress span{animation-play-state:paused}
@keyframes lpPhotoIn{from{opacity:0;transform:translate3d(5%,0,0)}to{opacity:1;transform:none}}
@keyframes lpPhotoGlow{from{transform:scale(.93);opacity:.68}to{transform:scale(1.07);opacity:1}}
@keyframes lpPhotoProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1100px){
  .lp-photo-panel{height:auto;min-height:940px;max-height:none}
  .lp-photo-slide.is-active{grid-template-columns:1fr;align-content:start;padding:78px 32px 78px}
  .lp-photo-copy{order:2}
  .lp-photo-product{order:1;min-height:360px}
  .lp-photo-product img{height:320px}
  .lp-photo-copy h2{font-size:clamp(2.7rem,8vw,4.8rem)}
}
@media(max-width:620px){
  .lp-photo-showcase{padding:16px 0 34px}
  .lp-photo-panel{min-height:930px;border-radius:22px}
  .lp-photo-top{top:14px;left:14px;right:14px;align-items:flex-start}
  .lp-photo-brand{max-width:112px;font-size:.55rem;line-height:1.35}
  .lp-photo-tabs{display:grid;grid-template-columns:1fr 1fr;width:min(230px,68%)}
  .lp-photo-tabs button{min-width:0;padding:7px 8px}
  .lp-photo-tabs button span{font-size:.58rem}
  .lp-photo-tabs button small{font-size:.50rem}
  .lp-photo-slide.is-active{padding:78px 15px 82px;gap:12px}
  .lp-photo-product{min-height:285px}
  .lp-photo-product img{width:88%;height:238px}
  .lp-photo-price{right:2px;bottom:3px;width:min(245px,83%);padding:12px 13px}
  .lp-photo-copy h2{font-size:clamp(2.15rem,11vw,3.35rem);line-height:.92;overflow-wrap:normal;word-break:normal;hyphens:none}
  .lp-photo-copy>p{font-size:.92rem;line-height:1.50}
  .lp-photo-facts{margin:16px 0 18px}
  .lp-photo-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .lp-photo-buy,.lp-photo-read{width:100%;justify-content:center;text-align:center}
  .lp-photo-dots{left:14px;right:142px;bottom:25px}
  .lp-photo-footer{padding:12px}
  .lp-photo-controls button{width:36px;height:36px}
}
@media(max-width:370px){
  .lp-photo-panel{min-height:980px}
  .lp-photo-copy h2{font-size:2rem}
  .lp-photo-facts span{width:100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){
  .lp-photo-slide.is-active,.lp-photo-product img{animation:none!important;transition:none!important}
  .lp-photo-glow,.lp-photo-progress span{animation:none!important}
}
