.shop-content-nav{display:flex;justify-content:space-between;gap:16px;margin-bottom:32px;font-size:14px;line-height:20px}.shop-content-nav a{color:var(--shop-primary);font-weight:600}.shop-product-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}.shop-product-cover{background:var(--shop-soft);padding:40px;border-radius:24px;min-width:0;text-align:center}.shop-product-cover>img{display:block;width:100%;max-width:352px;height:auto;aspect-ratio:5/7;object-fit:contain;margin:auto;filter:drop-shadow(0 12px 16px #28144820)}.shop-product-cover>p{color:var(--shop-muted);font-size:12px;line-height:16px;margin:16px 0 0}.shop-product-summary h1{font-size:36px;line-height:40px;letter-spacing:-.025em;font-weight:700;margin:0 0 16px}.shop-product-meta{font-size:14px;line-height:20px;color:var(--shop-muted);margin:0 0 8px}.shop-product-summary .shop-format{margin:0 0 24px}.shop-product-description{font-size:18px;line-height:28px;color:var(--shop-muted);white-space:normal;overflow-wrap:anywhere;margin:0 0 24px}.shop-product-price{font-size:36px;line-height:40px;font-weight:700;margin:0 0 24px}.shop-buy{max-width:100%;margin-bottom:16px}.shop-detail-section{margin-top:64px}.shop-detail-section>h2,.shop-grade-package h2{font-size:30px;line-height:36px;margin:0 0 24px}.shop-detail-section>p:not(.shop-eyebrow),.shop-toc li,.shop-grade-package p{font-size:16px;line-height:24px;color:var(--shop-muted)}.shop-toc{background:white;border:1px solid var(--shop-line);border-radius:16px;padding:32px}.shop-toc ol{padding-left:24px;margin:0;display:grid;gap:12px}.shop-toc>p:last-child{margin-bottom:0}.shop-sample-note{max-width:680px;margin-bottom:24px}.shop-sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.shop-sample{margin:0;min-width:0}.shop-sample-page{display:flex;flex-direction:column;gap:16px;position:relative;aspect-ratio:5/7;padding:24px;background:#fff;border:1px solid var(--shop-line);border-radius:8px;box-shadow:0 4px 16px #35205e05;overflow:hidden}.shop-sample-page>span:first-child{font-size:12px;line-height:16px;font-weight:700;color:var(--shop-primary)}.sample-heading{height:16px;width:75%;background:#ddd5ef;border-radius:4px;margin:8px 0}.sample-line{height:4px;width:100%;background:#e9e5f2;border-radius:4px}.sample-short{width:64%}.sample-block{display:flex;flex-direction:column;gap:12px;flex:1;padding:16px;background:#f8f6fc;border:1px solid var(--shop-line);border-radius:4px}.sample-watermark{position:absolute;inset:40% 0 auto;text-align:center;padding:12px;background:#fff;color:var(--shop-muted);font-size:14px;line-height:20px;transform:rotate(-12deg);box-shadow:0 0 0 1px var(--shop-line)}.shop-sample figcaption{font-size:14px;line-height:20px;font-weight:600;padding-top:16px}.shop-sample figcaption small{display:block;font-size:12px;line-height:16px;color:var(--shop-muted);font-weight:400;margin-top:4px}.shop-grade-package{display:flex;justify-content:space-between;align-items:center;gap:32px;background:#fff8e7;border:1px solid #f0dbac;border-radius:16px;padding:32px}.shop-grade-package h2{margin-bottom:8px}.shop-grade-package p{margin:0}.shop-grade-package>div:last-child{display:flex;flex-direction:column;gap:16px;flex-shrink:0}.shop-cover-neutral{aspect-ratio:5/7;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:32px;max-width:352px;margin:auto;background:#fff;border:1px solid var(--shop-line);border-radius:8px}.shop-cover-neutral strong{font-size:30px;line-height:36px}.shop-cover-neutral span{font-size:14px;line-height:20px;color:var(--shop-primary)}
@media(max-width:1100px){.shop-product-hero{gap:32px}.shop-product-cover{padding:24px}.shop-product-summary h1{font-size:30px;line-height:36px}}
@media(max-width:700px){.shop-content-nav{margin-bottom:24px}.shop-product-hero{grid-template-columns:minmax(0,1fr);gap:32px}.shop-product-cover{padding:24px;border-radius:16px}.shop-product-cover>img{max-width:256px}.shop-product-summary h1{font-size:30px;line-height:36px}.shop-product-description{font-size:16px;line-height:24px}.shop-product-price{font-size:30px;line-height:36px}.shop-buy{width:100%}.shop-detail-section{margin-top:48px}.shop-detail-section>h2,.shop-grade-package h2{font-size:24px;line-height:32px}.shop-toc{padding:24px}.shop-sample-grid{grid-template-columns:minmax(0,1fr);gap:32px}.shop-sample-page{max-width:320px;width:100%;margin:auto}.shop-sample figcaption{text-align:center}.shop-grade-package{display:block;padding:24px}.shop-grade-package>div:last-child{margin-top:24px}.shop-grade-package .btn{align-self:start}.shop-detail .shop-grid{grid-template-columns:minmax(0,1fr)}}

.shop-order-panel{max-width:680px;margin:0 auto;padding:32px;background:#fff;border:1px solid var(--shop-line);border-radius:16px}.shop-order-form{display:grid;gap:16px}.shop-order-form label{display:grid;gap:8px;font-size:14px;line-height:20px}.shop-order-form input:not([type=hidden]):not([type=checkbox]){width:100%;padding:12px;border:1px solid var(--shop-line);border-radius:8px;font:inherit}.shop-order-form .shop-consent{display:block}.shop-consent input{margin-right:8px}.shop-order-error{color:#9e2636}.shop-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.shop-library-card{padding:24px;border:1px solid var(--shop-line);border-radius:16px;background:white}.shop-library-card h2{font-size:20px;line-height:28px}.shop-library-card p{font-size:14px;line-height:20px}@media(max-width:700px){.shop-order-panel{padding:24px}.shop-library-grid{grid-template-columns:1fr}}
.shop-product-facts{font-size:16px;line-height:24px;font-weight:600;color:var(--shop-primary);margin:0 0 24px}
.shop-preview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.shop-preview-grid figure{margin:0;min-width:0}.shop-preview-link{display:block;border:1px solid var(--shop-line);border-radius:8px;overflow:hidden;background:white;transition:box-shadow .2s}
.shop-preview-link:hover{box-shadow:0 4px 16px #28144820}.shop-preview-link:active{transform:translateY(1px)}
.shop-preview-link:focus-visible,.shop-preview-dialog .btn:focus-visible{outline:3px solid var(--shop-primary);outline-offset:4px}
.shop-preview-link img{display:block;width:100%;height:auto}.shop-preview-grid figcaption{padding-top:12px;font-size:14px;font-weight:600;line-height:20px}.shop-preview-grid figcaption small{display:block;font-weight:400;color:var(--shop-muted)}
html.shop-preview-open{overflow:hidden}.shop-preview-dialog{box-sizing:border-box;width:min(1000px,calc(100% - 32px));max-width:1000px;max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--shop-line);border-radius:16px;background:#fff;color:var(--shop-text,#281448);overflow:auto;overscroll-behavior:contain}
.shop-preview-dialog::backdrop{background:rgb(24 16 40 / .78)}.shop-preview-dialog[open]{display:flex;flex-direction:column;gap:16px}
.shop-preview-toolbar,.shop-preview-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.shop-preview-toolbar h2{font-size:20px;line-height:28px;margin:0}.shop-preview-dialog p{margin:0;font-size:14px;line-height:20px}.shop-preview-dialog .btn{min-height:44px;cursor:pointer;flex-shrink:0}
.shop-preview-stage{min-height:0;overflow:auto;background:var(--shop-soft);border-radius:8px;touch-action:pan-y pinch-zoom;text-align:center}.shop-preview-stage img{display:block;width:100%;max-width:1000px;height:auto;margin:auto}.shop-preview-dialog [data-preview-error]{color:#9e2636}
@media(max-width:900px){.shop-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.shop-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.shop-preview-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:16px;gap:12px}.shop-preview-toolbar h2{font-size:16px;line-height:24px}.shop-preview-controls .btn{font-size:14px;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.shop-preview-link{transition:none}}

/* 20261101-mockup2: mockup hero never crops */
.shop-product-cover>img[width="1600"]{display:block;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:contain!important;margin:0 auto}
.shop-product-hero>.shop-product-cover{min-width:0;max-width:100%;overflow:hidden}

/* Product detail redesign. Keep shared order/library rules above untouched. */
.pdp-detail{--pdp-purple:#7046ed;--pdp-soft:#f8f6fc;max-width:1200px}
.pdp-detail .shop-product-hero{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:48px;align-items:start}
.pdp-detail .pdp-gallery{min-width:0;text-align:center}
.pdp-detail .shop-product-cover{position:relative;background:#fff;border:1px solid var(--shop-line);padding:8px;border-radius:24px;min-height:280px;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;overflow:hidden}
.pdp-detail .shop-product-cover>img{display:block;width:100%;max-width:100%;height:auto;max-height:100%;aspect-ratio:auto;object-fit:contain;filter:none;margin:auto}
.pdp-detail .shop-product-cover>img[width="1600"]{aspect-ratio:4/3!important}
.pdp-detail .shop-product-cover>img:not([width="1600"]){width:auto;max-width:100%;max-height:400px;height:auto;object-fit:contain}
.pdp-detail .pdp-thumbnails{display:flex;gap:8px;margin-top:16px;overflow-x:auto;padding:4px;scrollbar-width:thin}
.pdp-detail .pdp-thumbnail{flex:0 0 64px;display:grid;place-items:center;height:72px;border:1px solid var(--shop-line);border-radius:12px;background:#fff;overflow:hidden;transition:transform 300ms cubic-bezier(.22,1,.36,1)}
.pdp-detail .pdp-thumbnail[aria-current="true"]{border:2px solid var(--pdp-purple);background:var(--pdp-soft)}
.pdp-detail .pdp-thumbnail:hover{transform:translateY(-2px)}
.pdp-detail .pdp-thumbnail img{width:100%;height:100%;object-fit:contain}
.pdp-detail .pdp-gallery-caption{font-size:12px;line-height:16px;color:var(--shop-muted);margin:12px 0 8px}
.pdp-detail .pdp-text-link{font-size:14px;line-height:20px;color:var(--pdp-purple);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.pdp-detail .pdp-gallery-arrows{position:absolute;inset:50% 12px auto;display:flex;justify-content:space-between;pointer-events:none;transform:translateY(-50%)}
.pdp-detail .pdp-gallery-arrows .btn{pointer-events:auto;width:44px;min-height:44px;border-radius:50%;background:#fff;color:var(--pdp-purple);border:1px solid var(--shop-line);box-shadow:0 4px 16px #28144812}
.pdp-detail .shop-product-summary h1{font-size:36px;line-height:40px;margin:12px 0 24px;overflow-wrap:anywhere}
.pdp-detail .pdp-checklist{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px}
.pdp-detail .pdp-checklist li{display:flex;align-items:start;gap:12px;font-size:16px;line-height:24px}
.pdp-detail .pdp-checklist svg{flex:0 0 24px;width:24px;height:24px;padding:4px;background:#eee8ff;border-radius:50%;color:var(--pdp-purple)}
.pdp-detail .pdp-price-line{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:16px 0 24px}
.pdp-detail .pdp-price-line .shop-product-price{margin:0;font-size:36px;line-height:40px;letter-spacing:-.025em}
.pdp-detail .pdp-price-line>span{font-size:12px;line-height:16px;color:var(--shop-muted);max-width:180px}
.shop-page main.pdp-detail .shop-buy-row{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0}
.shop-page main.pdp-detail .shop-buy-row .btn{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;white-space:normal;text-align:center;margin:0}
.shop-page main.pdp-detail .shop-buy-row .btn.shop-cart-secondary{background:#fff;border:1px solid var(--pdp-purple);color:var(--pdp-purple);box-shadow:none}
.shop-page main.pdp-detail .shop-buy-row .btn.shop-cart-secondary:hover{background:#f1edff;transform:translateY(-1px);box-shadow:none}
.shop-page main.pdp-detail .shop-buy-row .btn:disabled{background:#eeeaf5;border-color:#e3ddeb;color:#746d85;transform:none}
.pdp-detail .shop-buy-row .shop-cart-add{margin:0;width:100%}
.pdp-detail .shop-free-link{font-size:14px;line-height:20px;color:var(--pdp-purple);text-align:center;justify-content:center}
.pdp-detail .shop-promo{background:#f8f6fc;padding:16px;margin:24px 0 16px;animation:none;grid-template-columns:40px minmax(0,1fr)}
.pdp-detail .shop-promo-icon{width:40px;height:40px;background:#eee8ff}
.pdp-detail .shop-promo strong{font-size:14px;line-height:20px}
.pdp-detail .shop-promo p,.pdp-detail .shop-promo a{font-size:12px;line-height:16px}
.pdp-detail .pdp-benefit-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:64px}
.pdp-detail .pdp-benefit-card{background:#fff;border:1px solid var(--shop-line);border-radius:16px;padding:24px;box-shadow:0 4px 16px #28144805}
.pdp-detail .pdp-benefit-card>svg{color:var(--pdp-purple);margin-bottom:16px;width:32px;height:32px}
.pdp-detail .pdp-benefit-card h2{font-size:18px;line-height:28px;margin:0 0 8px;font-weight:700}
.pdp-detail .pdp-benefit-card p{font-size:14px;line-height:20px;color:var(--shop-muted);margin:0}
.pdp-detail .pdp-contents,.pdp-detail .pdp-lower-buy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.pdp-detail .pdp-contents h2,.pdp-detail .pdp-lower-buy h2,.pdp-detail .pdp-special h2{font-size:30px;line-height:36px;margin:8px 0 24px;font-weight:700}
.pdp-detail .pdp-contents-visual{min-width:0;position:relative;background:#eee8fc;border-radius:24px;padding:32px;text-align:center}
.pdp-detail .pdp-page-stack{position:relative;max-width:256px;margin:8px auto 32px;aspect-ratio:1000/1416;transform:rotate(-4deg);box-shadow:0 16px 32px #28144820;background:white;border-radius:4px}
.pdp-detail .pdp-page-stack::before{content:'';position:absolute;inset:0;background:#fff;transform:rotate(8deg);border-radius:4px;box-shadow:0 4px 16px #28144810}
.pdp-detail .pdp-page-stack img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;border-radius:4px;opacity:0;animation:pdp-page-cycle calc(var(--pdp-slides) * 4s) cubic-bezier(.22,1,.36,1) infinite;animation-delay:calc(var(--pdp-slide) * 4s - 1s)}
.pdp-detail .pdp-page-stack img:first-child{opacity:1}
.pdp-detail .pdp-page-stack:has(img:only-child) img{animation:none;opacity:1}
@keyframes pdp-page-cycle{0%{opacity:0;transform:translateY(8px)}5%,18%{opacity:1;transform:translateY(0)}23%,100%{opacity:0;transform:translateY(-8px)}}
.pdp-detail .pdp-accent{font-family:"Caveat","Patrick Hand",cursive;font-size:24px;line-height:32px;color:var(--pdp-purple)}
.pdp-detail .pdp-contents-visual>p{font-size:12px;line-height:16px;color:var(--shop-muted);margin:8px 0 0}
.pdp-detail .pdp-contained-image{display:block;width:100%;height:auto;max-height:400px;object-fit:contain;margin:auto}
.pdp-detail .pdp-empty-visual{min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;color:var(--pdp-purple);text-align:center}
.pdp-detail .pdp-empty-visual svg{width:64px;height:64px}
.pdp-detail .pdp-how{text-align:center}
.pdp-detail .pdp-steps{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.pdp-detail .pdp-steps li{position:relative;display:flex;align-items:center;flex-direction:column;min-width:0}
.pdp-detail .pdp-step-number{font-size:14px;line-height:20px;color:var(--pdp-purple);font-weight:700;align-self:start}
.pdp-detail .pdp-step-icon{width:80px;height:80px;background:#f0eaff;border-radius:24px;display:grid;place-items:center;margin:0 0 16px;color:var(--pdp-purple)}
.pdp-detail .pdp-step-icon svg{width:40px;height:40px}
.pdp-detail .pdp-steps h3{font-size:18px;line-height:28px;margin:0 0 8px;font-weight:700}
.pdp-detail .pdp-steps p{font-size:14px;line-height:20px;color:var(--shop-muted);margin:0;max-width:208px}
.pdp-detail .pdp-step-arrow{position:absolute;right:-40px;top:40px;color:var(--pdp-purple)}
.pdp-detail .pdp-special{background:#f0eaff;border-radius:24px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.pdp-detail .pdp-special h2{margin-bottom:16px}
.pdp-detail .pdp-special p:not(.shop-eyebrow){font-size:20px;line-height:28px;color:var(--shop-muted);margin:0}
.pdp-detail .pdp-special .pdp-checklist{margin:0}
.pdp-detail .pdp-special .pdp-checklist svg{background:#fff}
.pdp-detail .pdp-lower-buy{background:#fff;border:1px solid var(--shop-line);border-radius:24px;padding:32px;gap:48px}
.pdp-detail .pdp-faq{max-width:800px;margin-left:auto;margin-right:auto}
.pdp-detail .pdp-faq>h2,.pdp-detail .pdp-faq>.shop-eyebrow{text-align:center}
.pdp-detail .pdp-faq details{margin-bottom:12px;background:#fff;border:1px solid var(--shop-line);border-radius:16px;overflow:hidden}
.pdp-detail .pdp-faq summary{display:flex;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;padding:24px;font-weight:600;font-size:16px;line-height:24px}
.pdp-detail .pdp-faq summary::-webkit-details-marker{display:none}
.pdp-detail .pdp-faq summary span{color:var(--pdp-purple);font-size:24px;line-height:24px;flex-shrink:0}
.pdp-detail .pdp-faq details[open] summary span{transform:rotate(45deg)}
.pdp-detail .pdp-faq summary:hover{background:#f8f6fc}
.pdp-detail .pdp-faq details p{font-size:16px;line-height:24px;padding:0 24px 24px;margin:0;color:var(--shop-muted)}
.pdp-detail .pdp-mobile-buy{display:none}
@media(max-width:1100px){.pdp-detail .shop-product-hero{gap:32px}.pdp-detail .pdp-contents{gap:32px}.pdp-detail .shop-product-summary h1{font-size:30px;line-height:36px}}
@media(max-width:700px){
 .pdp-detail .shop-product-hero{grid-template-columns:minmax(0,1fr);gap:24px}
 .pdp-detail .shop-product-cover{min-height:0;border-radius:16px;padding:8px}
 .pdp-detail .shop-product-cover>img:not([width="1600"]){max-height:250px}
 .pdp-detail .pdp-gallery-arrows{inset-inline:8px}
 .pdp-detail .pdp-thumbnails{margin-top:8px;gap:8px}
 .pdp-detail .pdp-thumbnail{flex-basis:56px;height:64px}
 .pdp-detail .shop-product-summary h1{font-size:30px;line-height:36px;margin:8px 0 24px}
 .pdp-detail .pdp-checklist{gap:12px}
 .pdp-detail .pdp-price-line .shop-product-price{font-size:30px;line-height:36px}
 .pdp-detail .pdp-benefit-row{grid-template-columns:1fr;margin-top:48px;gap:12px}
 .pdp-detail .pdp-benefit-card{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 16px;padding:24px}
 .pdp-detail .pdp-benefit-card>svg{grid-row:1/3;margin:0;width:32px;height:32px}
 .pdp-detail .pdp-benefit-card h2{margin:0 0 4px}
 .pdp-detail .pdp-contents,.pdp-detail .pdp-lower-buy{grid-template-columns:minmax(0,1fr);gap:32px}
 .pdp-detail .pdp-contents h2,.pdp-detail .pdp-lower-buy h2,.pdp-detail .pdp-special h2{font-size:24px;line-height:32px}
 .pdp-detail .pdp-contents-visual{padding:24px;border-radius:16px}
 .pdp-detail .pdp-page-stack{max-width:208px}
 .pdp-detail .pdp-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;text-align:left}
 .pdp-detail .pdp-steps li{align-items:start}
 .pdp-detail .pdp-step-icon{width:64px;height:64px;border-radius:16px}
 .pdp-detail .pdp-step-icon svg{width:32px;height:32px}
 .pdp-detail .pdp-step-number{margin-bottom:8px}
 .pdp-detail .pdp-step-arrow{right:-8px;top:48px;width:40px}
 .pdp-detail .pdp-steps li:nth-child(2) .pdp-step-arrow{top:auto;bottom:-24px;right:40%;transform:rotate(90deg);width:32px}
 .pdp-detail .pdp-special{grid-template-columns:1fr;padding:24px;gap:24px;border-radius:16px}
 .pdp-detail .pdp-lower-buy{padding:24px;border-radius:16px}
 .pdp-detail .pdp-faq summary{padding:16px;font-size:14px;line-height:20px}
 .pdp-detail .pdp-faq details p{padding:0 16px 16px;font-size:14px;line-height:20px}
 .pdp-detail .pdp-mobile-buy{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border:1px solid var(--shop-line);box-shadow:0 -4px 24px #28144810}
 .pdp-detail .pdp-mobile-buy>div:first-child{display:grid;gap:4px;flex-shrink:0}
 .pdp-detail .pdp-mobile-buy small{font-size:12px;line-height:16px;color:var(--shop-muted)}
 .pdp-detail .pdp-mobile-buy strong{font-size:20px;line-height:28px}
 .pdp-detail .pdp-mobile-buy .shop-buy-row{flex:1;max-width:240px}
 .pdp-detail .pdp-mobile-buy .btn{font-size:14px;line-height:20px;min-height:48px}
}
@media(prefers-reduced-motion:reduce){
 .pdp-detail .pdp-page-stack img{animation:none!important;transform:none;opacity:0}
 .pdp-detail .pdp-page-stack img:first-child{opacity:1}
 .pdp-detail .pdp-thumbnail,.pdp-detail .shop-buy-row .btn{transition:none!important;transform:none!important}
}

/* Keep the same four-second rhythm when a manifest supplies fewer than five pages. */
.pdp-detail .pdp-page-stack[data-pdp-pages="2"] img{animation-name:pdp-page-cycle-two}
.pdp-detail .pdp-page-stack[data-pdp-pages="3"] img{animation-name:pdp-page-cycle-three}
.pdp-detail .pdp-page-stack[data-pdp-pages="4"] img{animation-name:pdp-page-cycle-four}
@keyframes pdp-page-cycle-two{0%{opacity:0;transform:translateY(8px)}8%,44%{opacity:1;transform:none}52%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes pdp-page-cycle-three{0%{opacity:0;transform:translateY(8px)}6%,28%{opacity:1;transform:none}35%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes pdp-page-cycle-four{0%{opacity:0;transform:translateY(8px)}5%,21%{opacity:1;transform:none}27%,100%{opacity:0;transform:translateY(-8px)}}
/* Mockups retain their intrinsic 4:3 dimensions in both purchase blocks. */
.pdp-detail .shop-product-cover{padding:0;border:0;box-shadow:inset 0 0 0 1px var(--shop-line)}
.pdp-detail .shop-product-cover>img[width="1600"],.pdp-detail .pdp-contained-image[width="1600"]{max-height:none;height:auto}
.pdp-detail .pdp-contained-image:not([width="1600"]){width:auto;max-width:100%;max-height:400px}
/* disabled / "Kmalu na voljo": grey, clearly not clickable */
.shop-page main.shop-main .btn.shop-primary:disabled,.shop-page main.shop-main .btn.shop-buy:disabled,.shop-page main.shop-main .btn[aria-disabled="true"]{background:#ecebf0!important;background-image:none!important;color:#6f6b7b!important;border:1px dashed #c9c5d3!important;box-shadow:none!important;cursor:not-allowed;transform:none!important;pointer-events:none}
.shop-page main.shop-main .btn.shop-primary:disabled::before,.shop-page main.shop-main .btn.shop-buy:disabled::before,.shop-page main.shop-main .btn[aria-disabled="true"]::before{display:none!important;animation:none!important}
/* pdp2: mobile "Kako deluje" = vertical list with connector */
@media(max-width:700px){
.pdp-detail .pdp-steps{display:flex!important;flex-direction:column;gap:0;text-align:left;margin-top:24px}
.pdp-detail .pdp-steps li{display:grid!important;grid-template-columns:56px minmax(0,1fr);column-gap:16px;align-items:start;padding:0 0 28px;position:relative}
.pdp-detail .pdp-steps li:last-child{padding-bottom:0}
.pdp-detail .pdp-steps .pdp-step-icon{grid-column:1;grid-row:1/span 3;width:56px;height:56px;border-radius:16px;margin:0;position:relative;z-index:1}
.pdp-detail .pdp-steps .pdp-step-icon svg{width:28px;height:28px}
.pdp-detail .pdp-steps .pdp-step-number,.pdp-detail .pdp-steps h3,.pdp-detail .pdp-steps p{grid-column:2;margin-bottom:2px}
.pdp-detail .pdp-steps .pdp-step-number{margin:4px 0 0}
.pdp-detail .pdp-steps h3{font-size:17px;line-height:24px;margin:0 0 4px}
.pdp-detail .pdp-steps p{max-width:none}
.pdp-detail .pdp-steps .pdp-step-arrow{display:none!important}
.pdp-detail .pdp-steps li:not(:last-child)::after{content:"";position:absolute;left:27px;top:62px;bottom:6px;width:2px;border-radius:2px;background:repeating-linear-gradient(to bottom,#c9b8fb 0 6px,transparent 6px 11px)}
}

/* pdp steps: brand-colored icon tiles */
.pdp-detail .pdp-steps li:nth-child(1) .pdp-step-icon{background:#fff0e6;color:#B93A07}
.pdp-detail .pdp-steps li:nth-child(2) .pdp-step-icon{background:#e4f8ef;color:#18845e}
.pdp-detail .pdp-steps li:nth-child(3) .pdp-step-icon{background:#e3f2fb;color:#0b6aa2}
.pdp-detail .pdp-steps li:nth-child(4) .pdp-step-icon{background:#f0eaff;color:#7046ed}
.pdp-detail .pdp-steps li:nth-child(1) .pdp-step-number{color:#B93A07}
.pdp-detail .pdp-steps li:nth-child(2) .pdp-step-number{color:#18845e}
.pdp-detail .pdp-steps li:nth-child(3) .pdp-step-number{color:#0b6aa2}
.pdp-detail .pdp-steps li:nth-child(4) .pdp-step-number{color:#7046ed}
/* pdp-checks-green: feature checkmarks match the green 'Prenesi PDF' step tile */
.pdp-detail .pdp-checklist svg{background:#e4f8ef;color:#18845e}