/* CAM ON BOOKS: магазин конспектів */
.shop-hero{margin:0 24px 14px;background:var(--purple);color:#fff;border-radius:var(--radius-lg);padding:34px 40px;position:relative;overflow:hidden}
.shop-hero::before{content:'';position:absolute;width:300px;height:300px;border:60px solid rgba(255,255,255,.06);border-radius:50%;right:-80px;top:-120px}
.shop-hero h1{font-family:'Unbounded',sans-serif;font-weight:900;font-size:clamp(1.6rem,3.4vw,2.8rem);line-height:1.08;letter-spacing:-.03em;position:relative}
.shop-hero h1 span{color:var(--yellow)}
.shop-hero p{color:rgba(255,255,255,.85);margin-top:10px;max-width:640px;position:relative}
.shop-perks{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;position:relative}
.shop-perks span{font-size:.75rem;font-weight:700;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:6px 10px;border-radius:999px}

.shop-tabs{position:sticky;top:84px;z-index:50;margin:6px 24px 14px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:6px;background:rgba(245,240,255,.92);backdrop-filter:blur(8px);border-radius:16px}
.shop-tabs::-webkit-scrollbar{display:none}
.shop-tab{flex-shrink:0;border:1.5px solid var(--line);background:#fff;color:var(--dark);font:800 .82rem Manrope,sans-serif;padding:10px 16px;border-radius:999px;cursor:pointer;white-space:nowrap}
.shop-tab b{color:var(--gray);font-weight:700;margin-left:4px}
.shop-tab.active{background:var(--purple);border-color:var(--purple);color:#fff}.shop-tab.active b{color:rgba(255,255,255,.7)}

.shop-sec{margin:0 24px 26px}
.shop-sec h2{font-family:'Unbounded',sans-serif;font-weight:900;font-size:1.25rem;margin:6px 4px 12px}
.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}

.pcard{background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 14px rgba(123,47,190,.06);transition:box-shadow .2s,transform .2s}
.pcard:hover{box-shadow:0 10px 30px rgba(123,47,190,.14);transform:translateY(-2px)}
.pgal{position:relative;aspect-ratio:3/4;background:var(--purple-pale);overflow:hidden}
.pgal>.ptrack{position:absolute;inset:0}
.ptrack{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ptrack::-webkit-scrollbar{display:none}
.ptrack a,.ptrack div{flex:0 0 100%;height:100%;scroll-snap-align:start}
.ptrack img{width:100%;height:100%;object-fit:cover;display:block}
.pdots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:4px;pointer-events:none}
.pdots i{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.65);box-shadow:0 0 2px rgba(0,0,0,.3);transition:.2s}
.pdots i.on{width:16px;background:#fff}
.parr{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--purple);font-weight:900;cursor:pointer;opacity:0;transition:.2s;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.parr.l{left:8px}.parr.r{right:8px}
.pgal:hover .parr{opacity:1}
.pbadge{position:absolute;top:10px;left:10px;background:#E11D48;color:#fff;font-weight:900;font-size:.72rem;padding:4px 8px;border-radius:8px;z-index:2}
.pbody{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.pcat{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--purple)}
.pname{font-weight:800;font-size:.95rem;line-height:1.25;text-decoration:none;color:var(--dark)}
.pmeta{font-size:.75rem;color:var(--gray)}
.prow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}
.pprice{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pprice b{font-size:1.15rem;font-weight:900}.pprice s{color:var(--gray);font-size:.82rem}
.padd{border:0;background:var(--purple);color:#fff;font:800 .82rem Manrope,sans-serif;padding:10px 14px;border-radius:12px;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;gap:6px;flex-shrink:0}
.padd svg{width:18px;height:18px}
.padd:hover{background:var(--purple-deep)}
.padd.in{background:#16A34A}

/* профіль книги */
.pp{margin:0 24px 24px;background:#fff;border-radius:var(--radius-lg);padding:28px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:36px}
.pp-crumbs{font-size:.78rem;color:var(--gray);margin:0 28px 10px}.pp-crumbs a{text-decoration:none;color:var(--purple);font-weight:700}
.pp-gal{min-width:0}
.pp-main{position:relative;aspect-ratio:3/4;max-height:78vh;margin:0 auto;border-radius:22px;overflow:hidden;background:var(--purple-pale)}
.pp-main .parr{opacity:1;width:40px;height:40px}
.pp-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
.pp-thumbs::-webkit-scrollbar{display:none}
.pp-thumbs button{flex:0 0 68px;height:68px;border-radius:12px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:var(--purple-pale)}
.pp-thumbs button.on{border-color:var(--purple)}
.pp-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.pp-info h1{font-family:'Unbounded',sans-serif;font-weight:900;font-size:clamp(1.4rem,2.6vw,2.1rem);line-height:1.12;letter-spacing:-.02em;margin:6px 0 10px}
.pp-lead{color:#444;line-height:1.6}
.pp-buy{background:var(--purple-pale);border-radius:18px;padding:18px;margin:18px 0}
.pp-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.pp-price b{font-size:2rem;font-weight:900;color:var(--purple)}.pp-price s{color:var(--gray)}
.pp-price em{font-style:normal;background:#E11D48;color:#fff;font-weight:900;font-size:.75rem;padding:3px 8px;border-radius:8px}
.pp-row{display:flex;gap:10px;margin-top:14px}
.qty{display:flex;align-items:center;background:#fff;border-radius:14px;border:1.5px solid var(--line)}
.qty button{width:42px;height:48px;border:0;background:none;font-size:1.2rem;font-weight:900;color:var(--purple);cursor:pointer}
.qty span{min-width:26px;text-align:center;font-weight:800}
.pp-add{flex:1;border:0;background:var(--yellow);color:#281b00;font:900 .95rem Manrope,sans-serif;border-radius:14px;cursor:pointer;padding:0 16px;min-height:50px}
.pp-add.in{background:#16A34A;color:#fff}
.pp-note{font-size:.78rem;color:var(--gray);margin-top:10px}
.pp-block{margin-top:18px}
.pp-block h3{font-weight:900;font-size:1rem;margin-bottom:8px}
.pp-list{list-style:none;display:grid;gap:6px}
.pp-list li{display:flex;gap:8px;font-size:.9rem;line-height:1.45}
.pp-list li::before{content:'✓';color:var(--purple);font-weight:900}
.pp-specs{width:100%;border-collapse:collapse;font-size:.86rem}
.pp-specs td{padding:8px 0;border-bottom:1px solid #F1EAFB}.pp-specs td:first-child{color:var(--gray);width:45%}
.pp-sticky{display:none}

/* оформлення */
.co{margin:0 24px 24px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;align-items:start}
.co-box{background:#fff;border-radius:var(--radius-lg);padding:26px}
.co-box h2{font-family:'Unbounded',sans-serif;font-weight:900;font-size:1.15rem;margin-bottom:14px}
.co-f{display:grid;gap:10px}
.co-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.co-f label{font-size:.78rem;font-weight:800;color:#444;display:grid;gap:5px}
.co-f input,.co-f textarea,.co-f select{font:600 16px Manrope,sans-serif;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--dark);width:100%}
.co-f input:focus,.co-f textarea:focus{outline:none;border-color:var(--purple)}
.co-sub{font-weight:900;font-size:.95rem;margin:10px 0 2px}
.np-wrap{position:relative}
.np-list{position:absolute;left:0;right:0;top:100%;margin-top:4px;background:#fff;border:1.5px solid var(--line);border-radius:12px;max-height:260px;overflow:auto;z-index:20;box-shadow:0 10px 30px rgba(0,0,0,.1);display:none}
.np-list.open{display:block}
.np-list button{display:block;width:100%;text-align:left;border:0;background:none;padding:10px 14px;font:600 .88rem Manrope,sans-serif;cursor:pointer;border-bottom:1px solid #F5F0FF}
.np-list button:hover,.np-list button:focus{background:var(--purple-pale)}
.np-list small{color:var(--gray);display:block;font-weight:500}
.np-hint{font-size:.75rem;color:var(--gray);font-weight:600}
.co-f .co-consent{display:flex;gap:8px;font-size:.78rem;color:#555;align-items:flex-start}
.co-consent input{width:18px;height:18px;margin-top:2px;flex-shrink:0}
.co-btn{border:0;background:var(--purple);color:#fff;font:900 1rem Manrope,sans-serif;padding:16px;border-radius:14px;cursor:pointer}
.co-btn:disabled{opacity:.6;cursor:wait}
.co-msg{font-size:.85rem;font-weight:700;color:#DC2626;min-height:1em}
.co-items .cc-it{grid-template-columns:64px 1fr auto}
.co-sum{display:flex;justify-content:space-between;font-weight:800;margin-top:14px;font-size:1.05rem}.co-sum b{color:var(--purple);font-size:1.3rem}
#checkout>.co-ok{margin:0 24px 24px}.co-ok{text-align:center;padding:50px 24px}
.co-ok .big{font-size:3rem}
.co-ok h2{font-family:'Unbounded',sans-serif;font-weight:900;font-size:1.5rem;margin:10px 0}
.co-ok p{color:#555}
.co-ok a{display:inline-block;margin-top:18px;background:var(--purple);color:#fff;padding:13px 20px;border-radius:13px;text-decoration:none;font-weight:800}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

@media(max-width:1100px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  .site-nav .nav-cta{display:none}
  .shop-hero{margin:0 12px 10px;padding:20px 20px 18px;border-radius:22px}
  .shop-hero p{font-size:.85rem;margin-top:6px}.shop-perks{display:none}
  .shop-tabs{margin:0 12px 10px;top:74px;padding:4px}
  .shop-tab{padding:8px 13px;font-size:.78rem}
  .shop-sec{margin:0 12px 18px}.shop-sec h2{font-size:1.05rem;margin:4px 2px 8px}
  .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .pcard{border-radius:16px}
  .pbody{padding:9px 10px 10px;gap:4px}
  .pcat{display:none}
  .pname{font-size:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
  .pmeta{font-size:.68rem}
  .pprice{flex-direction:column;gap:0}.pprice b{font-size:1rem;line-height:1.1}.pprice s{font-size:.7rem}
  .padd{width:40px;height:40px;padding:0;justify-content:center;border-radius:12px}.padd span{display:none}.padd svg{width:20px;height:20px}
  .pgal{aspect-ratio:4/5}.pmeta{display:none}.pp-main{aspect-ratio:3/4}
  .shop-hero p{display:none}.shop-hero{padding:16px 20px}
  .shop-tabs{position:static}
  .pbadge{top:7px;left:7px;font-size:.64rem;padding:3px 6px}
  .parr{display:none}
  .pp{margin:0 12px 16px;padding:14px;grid-template-columns:1fr;gap:16px;border-radius:22px}
  .pp-crumbs{margin:0 16px 8px}
  .pp-main .parr{display:none}
  .pp-thumbs button{flex-basis:56px;height:56px}
  .pp-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fff;padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:10px;align-items:center;box-shadow:0 -6px 20px rgba(0,0,0,.08);transform:translateY(110%);transition:transform .25s}
  .pp-sticky.show{transform:none}
  .pp-sticky b{font-size:1.15rem;color:var(--purple);white-space:nowrap}
  .pp-sticky .pp-add{min-height:46px}
  .co{margin:0 12px 16px;grid-template-columns:1fr}
  .co-box{padding:18px;border-radius:22px}
  .co-2{grid-template-columns:1fr}
  .co>.co-box:last-child{order:-1}
  #checkout>.co-ok{margin:0 12px 16px}
}

/* стиль як на головній */
.site-nav .brand-mark{display:none}
.site-nav .brand{font-family:'Unbounded',sans-serif;font-weight:700;font-size:1rem}
.shop-hero h1,.shop-sec h2,.co-box h2,.co-ok h2{text-transform:uppercase;font-weight:900}
.shop-sec h2{font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:-.01em;margin:18px 4px 16px}
.pp-info h1{font-weight:900}
.pname{font-family:'Unbounded',sans-serif;font-weight:700;letter-spacing:-.01em}
@media(max-width:760px){.shop-sec h2{font-size:1.6rem;margin:14px 2px 12px}.pname{font-size:.74rem;line-height:1.3}.site-nav .brand{font-size:.85rem}}

/* смужка магазину як на головній */
.shop-nav{padding:10px 14px 10px 28px}
.shop-nav .nav-links{gap:2rem}
.shop-nav .nav-links>a{font-size:.85rem;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.85)}
.shop-nav .nav-links>a.nav-books{color:#1a1410;font-weight:800;padding:.5rem 1rem;box-shadow:0 4px 14px rgba(255,214,0,.35)}
.nav-home{color:#fff;text-decoration:none;font-weight:700;font-size:.82rem;letter-spacing:.04em;border:1.5px solid rgba(255,255,255,.4);background:rgba(255,255,255,.2);border-radius:30px;padding:.45rem 1.1rem;white-space:nowrap;flex-shrink:0}
.nav-home:hover{background:rgba(255,255,255,.35)}
.shop-nav .cc-btn{margin:0 0 0 auto!important;order:3}.shop-nav .nav-home{order:4;margin-left:10px}
@media(max-width:1100px){.shop-nav .nav-links{gap:1.1rem}.shop-nav .nav-links>a{font-size:.74rem}}
@media(max-width:900px){.shop-nav .nav-links{display:none}.shop-nav{padding:10px 12px 10px 18px}.nav-home{font-size:.74rem;padding:.4rem .8rem}}
.shop-nav{justify-content:flex-start}.shop-nav .nav-links{margin:0 auto}.shop-nav .cc-btn{margin:0!important}
@media(max-width:900px){.shop-nav .cc-btn{margin-left:auto!important}}