.vertex-product-page{background:hsl(var(--background));color:hsl(var(--foreground));font-family:Tajawal,Inter,system-ui,sans-serif;font-size:1rem;line-height:1.75;padding-bottom:6rem}.vp-container{width:calc(100% - 3rem);max-width:1240px;margin-inline:auto;padding-block:1.5rem 3rem}.vp-breadcrumb{display:flex;flex-wrap:wrap;gap:.625rem;font-size:.875rem;color:hsl(var(--muted-foreground));margin-bottom:2rem}.vp-breadcrumb a:hover,.vp-breadcrumb [aria-current]{color:hsl(var(--foreground))}.vp-hero,.vp-loading{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}.vp-gallery{min-width:0}.vp-art{position:relative;display:grid;place-items:center;aspect-ratio:3/2;overflow:hidden;background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:1.5rem}.vp-art img{width:100%;height:100%;object-fit:contain}.vp-discount{position:absolute;top:1rem;inset-inline-start:1rem;padding:.25rem .75rem;background:hsl(var(--destructive));color:hsl(var(--destructive-foreground));border-radius:2rem;font-weight:700}.vp-tags{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:1rem;font-size:.875rem}.vp-tags>*{padding:.25rem .75rem;border:1px solid hsl(var(--border));border-radius:2rem;color:hsl(var(--muted-foreground))}.vp-title-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.vp-kicker{font-size:.875rem;font-weight:500;color:hsl(var(--primary))}.vp-copy{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:hsl(var(--muted-foreground));min-height:2.75rem;padding:.5rem .75rem;border:1px solid hsl(var(--border));border-radius:.75rem}.vertex-product-page h1{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.4;margin-block:.625rem 1rem;text-wrap:balance}.vertex-product-page h2{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;line-height:1.5;margin-bottom:1.25rem}.vertex-product-page h3{font-size:1.0625rem;line-height:1.6;font-weight:700;margin-block:1rem .5rem}.vp-intro{color:hsl(var(--muted-foreground));font-size:1rem;line-height:1.9;margin-bottom:1.5rem;max-width:65ch}.vp-purchase{border:1px solid hsl(var(--border));border-radius:1.25rem;background:hsl(var(--card));padding:1.5rem}.vp-label{font-size:.875rem;color:hsl(var(--muted-foreground))}.vp-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.625rem 1rem;margin-block:.375rem 1rem}.vp-price strong{font-size:2rem;font-weight:700;line-height:1.4}.vp-price del,.vp-price>span{color:hsl(var(--muted-foreground));font-size:.9375rem}.vp-plans{display:flex;flex-wrap:wrap;gap:.625rem;margin-block:1.25rem}.vp-plans legend{font-size:.9375rem;font-weight:500;margin-bottom:.75rem}.vp-plans label{display:flex;align-items:center;flex:1 1 8rem;gap:.625rem;min-height:4rem;padding:.75rem;border:1px solid hsl(var(--border));border-radius:.75rem;cursor:pointer}.vp-plans label:has(input:checked){border-color:hsl(var(--primary));background:hsl(var(--primary) / .08)}.vp-plans input{accent-color:hsl(var(--primary));width:1rem;height:1rem;flex-shrink:0}.vp-plans strong,.vp-plans small{display:block;font-size:.9375rem}.vp-plans small{color:hsl(var(--muted-foreground));margin-top:.25rem;text-align:start}.vp-delivery,.vp-account-note{display:flex;align-items:flex-start;gap:.5rem;color:hsl(var(--muted-foreground));font-size:.9375rem}.vp-delivery{margin-bottom:1rem}.vp-delivery svg,.vp-account-note svg{flex-shrink:0;margin-top:.25rem}.vp-primary,.vp-secondary{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:3rem;padding:.75rem 1.25rem;border-radius:.875rem;font-size:1rem;font-weight:700;cursor:pointer}.vp-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));width:100%}.vp-primary:disabled{cursor:not-allowed;opacity:.55}.vp-secondary{border:1px solid hsl(var(--border));margin-block:1rem}.vp-order-note{text-align:center;color:hsl(var(--muted-foreground));font-size:.875rem;margin-top:.75rem}.vp-stock{margin-top:.75rem;font-size:.9375rem}.vp-section-nav{display:flex;flex-wrap:wrap;gap:.5rem;border-block:1px solid hsl(var(--border));margin-block:2.5rem;padding-block:.75rem}.vp-section-nav a{padding:.625rem .875rem;border-radius:.625rem;font-size:.9375rem;font-weight:500;min-height:2.75rem}.vp-section-nav a:hover{background:hsl(var(--muted))}.vp-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.34fr);gap:1.5rem;align-items:start}.vp-detail-main{display:grid;gap:1.5rem;min-width:0}.vp-panel{padding:clamp(1.25rem,3vw,2rem);border:1px solid hsl(var(--border));border-radius:1.25rem;background:hsl(var(--card));min-width:0;scroll-margin-top:7rem}.vp-section-heading .vp-kicker{margin-bottom:.5rem}.vp-facts{width:100%;border-collapse:collapse;font-size:1rem;table-layout:fixed}.vp-facts th{width:32%;text-align:start;color:hsl(var(--muted-foreground));font-weight:500}.vp-facts th,.vp-facts td{padding:1rem .75rem;vertical-align:top;overflow-wrap:anywhere}.vp-facts tr+tr{border-top:1px solid hsl(var(--border))}.vp-facts tr:nth-child(odd){background:hsl(var(--muted) / .35)}.vp-prose{color:hsl(var(--muted-foreground));font-size:1rem;line-height:1.95;overflow-wrap:anywhere}.vp-prose p{margin-block:0 1rem;max-width:70ch}.vp-prose p:last-child{margin-bottom:0}.vp-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;list-style:none;margin-block:1rem 1.5rem;padding:0}.vp-feature-list li{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .25);border-radius:.75rem;padding:.75rem 1rem;color:hsl(var(--foreground))}.vp-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.vp-two-col>*{min-width:0}.vp-notice{margin-top:1.5rem;padding:1.25rem;background:hsl(var(--primary) / .06);border-inline-start:3px solid hsl(var(--primary));border-radius:.75rem}.vp-notice h3{margin-top:0}.vp-inline-link{display:inline-flex;min-height:2.75rem;align-items:center;font-weight:700;text-decoration:underline;text-underline-offset:5px;margin-top:1rem}.vp-order-steps{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .25);padding:1.5rem;border-radius:1.25rem;position:sticky;top:8rem}.vp-order-steps h2{font-size:1.125rem}.vp-order-steps ol{list-style:decimal;padding-inline-start:1.25rem}.vp-order-steps li{padding-inline-start:.375rem;margin-bottom:1.25rem}.vp-order-steps li::marker{color:hsl(var(--primary));font-weight:700}.vp-order-steps p{font-size:.9375rem;color:hsl(var(--muted-foreground));line-height:1.8;margin-top:.375rem}.vp-faq+.vp-faq{border-top:1px solid hsl(var(--border))}.vp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem;cursor:pointer;list-style:none;font-size:1rem;font-weight:500}.vp-faq summary::-webkit-details-marker{display:none}.vp-faq p{padding-block:0 1rem;color:hsl(var(--muted-foreground));line-height:1.9}.vp-faq[open] summary svg{transform:rotate(180deg)}.vp-related{margin-top:3rem}.vp-review{background:hsl(var(--muted) / .25);padding:1rem;border-radius:.75rem}.vp-review>span{display:block;color:hsl(var(--muted-foreground));font-size:.875rem}.vp-review p{margin-top:.5rem}.vp-not-found{min-height:55vh;display:grid;place-content:center;gap:1rem;text-align:center}.vertex-product-page :is(a,button,input,summary):focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}@media(min-width:1024px){.vertex-product-page{padding-bottom:0}}@media(max-width:899px){.vp-detail-layout{grid-template-columns:minmax(0,1fr)}.vp-order-steps{position:static}}@media(max-width:699px){.vp-container{width:calc(100% - 2rem);padding-top:1rem}.vp-hero,.vp-loading{grid-template-columns:minmax(0,1fr)}.vp-summary{min-width:0}.vp-two-col{grid-template-columns:minmax(0,1fr);gap:1rem}.vp-purchase{padding:1.25rem}.vp-price strong{font-size:1.75rem}.vp-section-nav{margin-block:2rem}.vp-facts th{width:37%}.vp-facts th,.vp-facts td{padding:.875rem .5rem}}@media(max-width:399px){.vp-feature-list{grid-template-columns:minmax(0,1fr)}}
