.pg{--pg-wall-1:#d0ced4;--pg-wall-2:#f4f3f7;--pg-stone-1:#ecebee;--pg-stone-2:#d6d6d9;display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:start}.pg[data-count="1"]{grid-template-columns:minmax(0,1fr)}.pg-main{grid-column:2;grid-row:1;position:relative;aspect-ratio:4/5;width:min(100%,calc((100svh - var(--hd-h) - 48px) * .8));margin-inline:auto;border-radius:18px;overflow:hidden;isolation:isolate;cursor:zoom-in;background:linear-gradient(to bottom,var(--pg-wall-1),var(--pg-wall-2) 52%,var(--pg-stone-1) 54%,var(--pg-stone-2))}.pg[data-count="1"] .pg-main{grid-column:1}.pg-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s var(--ease-out),visibility 0s linear .55s}.pg-slide.on{opacity:1;visibility:visible;z-index:1;transition:opacity .55s var(--ease-out),visibility 0s}.pg-main:not(.warm) .pg-slide:not(.on){display:none}.pg-slide img,.pg-slide picture{width:100%;height:100%}.pg-slide img{-o-object-fit:contain;object-fit:contain}.pg-open{inset:0;z-index:2;width:100%;cursor:zoom-in}.pg-open,.pg-tag{position:absolute}.pg-tag{top:14px;right:14px;z-index:3;font-size:11px;line-height:1;letter-spacing:.02em;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--paper) 82%,transparent);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ln);pointer-events:none;transition:opacity .4s var(--ease-out)}.pg-tag.off{opacity:0}.pg-lens{top:0;left:0;z-index:3;width:190px;height:190px;pointer-events:none;opacity:0;background-repeat:no-repeat;background-color:var(--pg-wall-2);box-shadow:0 0 0 1px rgba(20,20,22,.18),0 18px 40px -18px rgba(20,20,22,.45);transition:opacity .25s var(--ease-out)}.pg-arrow,.pg-lens{position:absolute;border-radius:50%}.pg-arrow{top:50%;z-index:4;width:40px;height:40px;margin-top:-20px;display:grid;place-items:center;background:color-mix(in srgb,var(--paper) 86%,transparent);color:var(--kohl);box-shadow:inset 0 0 0 1px var(--ln);opacity:0;transition:opacity .35s var(--ease-out),transform .35s var(--ease-out)}.pg-arrow svg{width:14px;height:14px}.pg-arrow.prev{right:14px}.pg-arrow.next{left:14px}.pg-arrow:focus-visible,.pg-main:hover .pg-arrow{opacity:1}.pg-arrow:hover{transform:scale(1.06)}.pg-thumbs{grid-column:1;grid-row:1;display:grid;gap:10px;align-content:start}.pg-thumbs button{width:76px;aspect-ratio:4/5;border-radius:10px;overflow:hidden;opacity:.55;box-shadow:inset 0 0 0 1px var(--ln);transition:opacity .35s var(--ease-out),box-shadow .35s var(--ease-out)}.pg-thumbs button:hover{opacity:.85}.pg-thumbs button[aria-current=true]{opacity:1;box-shadow:0 0 0 1.5px var(--ink)}.pg-thumbs img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pg-box{--bd:1;--ln:rgba(20,20,22,.12);position:fixed;inset:0;z-index:200;display:grid;grid-template-rows:auto 1fr;background:rgba(236,235,238,var(--bd));color:var(--kohl);animation:pg-in .4s var(--ease-out)}.pg-box-bar{display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;font-size:13px;opacity:var(--bd)}.pg-box-bar button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--ln);background:var(--paper)}.pg-box-bar button svg{width:16px;height:16px}.pg-box-stage{position:relative;overflow:hidden;touch-action:none;cursor:zoom-in}.pg-box-img{position:absolute;inset:0 0 env(safe-area-inset-bottom,0);transform-origin:50% 50%;will-change:transform}.pg-box-img img,.pg-box-img picture{width:100%;height:100%}.pg-box-img img{-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.pg-box .pg-arrow{opacity:1}@keyframes pg-in{0%{opacity:0}}@media (max-width:820px){.pg{grid-template-columns:minmax(0,1fr);gap:10px}.pg-main{grid-column:1;width:100%;border-radius:16px;cursor:default}.pg-thumbs{grid-column:1;grid-row:2;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;margin-inline:calc(var(--gut) * -1);padding:2px var(--gut)}.pg-thumbs::-webkit-scrollbar{display:none}.pg-thumbs button{flex:none;width:60px;scroll-snap-align:start}.pg-arrow,.pg-box .pg-arrow,.pg-lens{display:none}}@media (hover:none){.pg-arrow,.pg-lens{display:none}}.pen-hero{padding:calc(var(--hd-h) + 18px) var(--gut) clamp(56px,6vw,96px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);-moz-column-gap:clamp(28px,4.4vw,80px);column-gap:clamp(28px,4.4vw,80px);row-gap:18px;align-items:start}.pen-hero .crumbs{grid-column:1/-1}.pen-media{min-width:0}.pen-info,.pen-media{position:sticky;top:calc(var(--hd-h) + 18px);align-self:start}.pen-info{display:grid;justify-items:start;max-width:520px}.pen-eyebrow{font:500 11.5px/1 var(--f-body);letter-spacing:.32em;color:var(--mute);margin-bottom:14px}.pen-title{font:500 clamp(40px,3.7vw,58px)/1.15 var(--f-display);white-space:nowrap}.pen-tagline{margin-top:10px;font-size:clamp(16px,1.25vw,18px);line-height:1.7;color:var(--mute)}.pen-price{justify-self:stretch;margin-top:22px;padding-bottom:20px;border-bottom:1px solid var(--ln);font:300 clamp(34px,2.7vw,42px)/1 var(--f-body)}.pen-tiers{justify-self:stretch;border:0;margin:20px 0 0;padding:0;min-width:0}.pen-tiers legend{padding:0;margin-bottom:12px;font-size:13.5px;color:var(--mute)}.pen-tiers>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pen-tier{position:relative;display:grid;gap:4px;justify-items:center;text-align:center;padding:12px 8px 14px;border-radius:14px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--ln);background:transparent;transition:background-color .4s var(--ease-out),box-shadow .4s var(--ease-out)}.pen-tier:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 35%,transparent)}.pen-tier input{position:absolute;opacity:0;pointer-events:none}.pen-tier:has(input:checked){background:var(--card);box-shadow:inset 0 0 0 1.5px var(--ink)}.pen-tier:has(input:focus-visible){outline:2px solid var(--acc);outline-offset:3px}.pen-tier .pt-badge{font-size:11px;line-height:1.4;color:var(--mute);font-weight:500}.pen-tier b{font:500 15px/1.35 var(--f-body)}.pen-tier .pt-price{font:400 18px/1.25 var(--f-body)}.pen-tier .pt-note{font-size:11.5px;color:var(--mute)}.pdp-page .pen-buy{margin-top:20px;min-height:60px;justify-content:space-between;padding:0 26px;font-size:16.5px;transition:color .45s var(--ease),transform .3s var(--ease-out)}.pdp-page .pen-buy:before{background:var(--acc)}.pdp-page .pen-buy:hover{color:var(--paper)}.pdp-page .pen-buy:active{transform:scale(.985)}.pen-buy .price{opacity:.8}.pen-ship{justify-self:stretch;text-align:center;margin-top:12px;font-size:13px;color:var(--mute)}.pen-feats{list-style:none;justify-self:stretch;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pen-feats li{display:flex;gap:12px;align-items:center;padding:14px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--ln);font-size:14px;line-height:1.55}.pen-feats svg{flex:none;width:24px;height:24px;color:var(--acc)}.pen-desc{margin-top:28px;max-width:34em;font-size:15.5px;line-height:2;color:var(--mute)}.pen-mbar>div{display:grid;gap:2px}.pen-mbar span{font:400 19px/1.1 var(--f-body);color:var(--kohl)}.pen-mbar small{font-size:12.5px;color:var(--ink-2)}.pdp-page .pen-mbar .btn{background:var(--kohl);color:var(--paper);min-height:50px;padding:0 34px}@media (max-width:1100px){.pen-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.pen-feats{grid-template-columns:minmax(0,1fr)}}@media (min-width:821px) and (max-width:1100px){.pg{grid-template-columns:60px minmax(0,1fr);gap:10px}.pg-thumbs button{width:60px}}@media (max-width:820px){.pen-hero{grid-template-columns:minmax(0,1fr);padding-top:calc(var(--hd-h) + 8px);row-gap:14px}.pen-info,.pen-media{position:static}.pen-info{max-width:none;margin-top:14px}.pen-title{font-size:clamp(36px,10vw,46px)}.pen-feats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pen-feats li{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 12px;font-size:13.5px}}@media (max-width:380px){.pen-tiers>div{gap:6px}.pen-tier{padding-inline:4px}.pen-tier b{font-size:14px}.pen-tier .pt-price{font-size:16px}}.pen-sec{padding:clamp(64px,7vw,112px) var(--gut) 0}.pen-sec h2.d-m{margin-bottom:clamp(26px,3vw,44px)}.pen-how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}.pen-how li{display:grid;gap:16px;align-content:start}.ph-img{aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:var(--card-2)}.ph-img img,.ph-img picture{width:100%;height:100%}.ph-img img{-o-object-fit:cover;object-fit:cover}.pen-how p{font:500 clamp(17px,1.3vw,20px)/1.5 var(--f-body)}.ph-n{color:var(--acc);margin-inline-end:4px}.pen-box{display:grid;gap:14px;justify-items:center;text-align:center}.pen-box h2{font:500 13.5px/1.4 var(--f-body);color:var(--mute)}.pen-box p{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 0;padding:18px 0;border-block:1px solid var(--ln);width:min(100%,760px);font:500 clamp(16px,1.25vw,19px)/1.5 var(--f-body)}.pen-box i{font-style:normal;color:var(--acc);margin-inline:16px}.pen-hadith{margin-top:clamp(64px,7vw,112px);padding:clamp(80px,10vw,150px) var(--gut);background:var(--kohl);color:var(--paper);display:grid;place-items:center;text-align:center}.pen-hadith blockquote{margin:0;max-width:1100px}.pen-hadith p{display:grid;gap:clamp(10px,1.4vw,20px);font:500 clamp(32px,3.9vw,64px)/1.5 var(--f-quote);text-wrap:balance}.pen-hadith p span:first-child{font-size:.52em;color:color-mix(in srgb,var(--paper) 72%,transparent)}.pen-faq .acc{max-width:760px;margin-inline:auto}.pen .other{margin-top:clamp(64px,7vw,112px)}@media (max-width:820px){.pen-how ol{grid-template-columns:minmax(0,1fr);gap:28px}.pen-box i{margin-inline:10px}.pen-hadith p{font-size:clamp(28px,8vw,40px)}}@keyframes pen-up{0%{opacity:0;transform:translate3d(0,22px,0)}}.pen-media{animation:pen-up .7s var(--ease-out) both}.pen-info>*{animation:pen-up .6s var(--ease-out) both;animation-delay:calc(60ms + var(--i,0) * 70ms)}.pen-info>:nth-child(2){--i:1}.pen-info>:nth-child(3){--i:2}.pen-info>:nth-child(4){--i:3}.pen-info>:nth-child(5){--i:4}.pen-info>:nth-child(6){--i:5}.pen-info>:nth-child(7){--i:6}.pen-info>:nth-child(8){--i:7}.pen-info>:nth-child(9){--i:8}.pen.rv-on .rv.rv-arm{opacity:0;transform:translate3d(0,28px,0);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transition-delay:calc(var(--i,0) * 80ms)}.pen.rv-on .rv.rv-arm.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.pen-info>*,.pen-media{animation:none}.pen.rv-on .rv.rv-arm{opacity:1;transform:none;transition:none}.pg-slide,.pg-slide.on{transition:none}}.pen-tier .pt-vis{height:76px;margin:2px 0 4px}.pen-tier .pt-vis img.st{height:56px;width:56px;box-shadow:0 0 0 2px var(--bg),0 10px 18px -8px rgba(0,0,0,.45);transition:box-shadow .4s var(--ease-out)}.pen-tier:has(input:checked) .pt-vis img.st{box-shadow:0 0 0 2px var(--card),0 10px 18px -8px rgba(0,0,0,.45)}@media (max-width:820px){.pen-tier .pt-vis{height:64px}.pen-tier .pt-vis img.st{height:46px;width:46px}}@media (max-width:380px){.pen-tier .pt-vis{scale:.86}}