.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-70px;left:20px;z-index:200;padding:12px 20px;background:var(--accent);color:white;border-radius:20px}.skip-link:focus{top:10px}
.product-name-row .quick-add,.compact-products .product-name-row .quick-add{width:36px;height:40px;padding:0;display:grid;place-items:center;min-width:36px;border:0;background:transparent}
.product-name-row .quick-add .add-plus,.compact-products .product-name-row .quick-add .add-plus{display:block!important;font:300 25px/1 Arial,sans-serif!important;color:var(--accent);padding:0!important;text-decoration:none}
.product-name-row .quick-add:hover{background:#faf5f4;border-radius:50%;text-decoration:none}
.breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;line-height:1.5}
.perfume-page{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:70px;align-items:start;padding:10px 20px 60px}
.perfume-gallery{position:sticky;top:110px;text-align:center}.perfume-gallery .page-packshot{height:520px;aspect-ratio:auto;padding:60px 16%;background:white!important}.perfume-gallery img{mix-blend-mode:multiply}.packshot-caption{font-size:12px;color:var(--muted);margin:8px 0}
.perfume-info{padding:35px 0 0}.perfume-info>.eyebrow{color:var(--muted);font-size:12px;letter-spacing:.13em}.perfume-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px}.perfume-title-row h1{font-family:Georgia,'Times New Roman',serif;font-size:48px;line-height:1.12;font-weight:400;letter-spacing:-1.3px;margin:0;color:var(--accent)}
.page-add-plus{flex:none;width:48px;height:48px;display:grid;place-items:center;border:1px solid #d7c1c7;border-radius:50%;background:white;color:var(--accent);font:300 31px/1 Arial,sans-serif;transition:background .2s}.page-add-plus:hover{background:var(--accent);color:white}.perfume-arabic{font-family:Tahoma,Arial,sans-serif;color:#8d7276;font-size:20px;text-align:left;margin:14px 0 22px}.perfume-concentration{font-size:13px;color:var(--muted)}.perfume-description{font-size:15px;line-height:1.8;color:#65545b;margin:22px 0}
.perfume-purchase{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #eee5e2;border-bottom:1px solid #eee5e2;padding:22px 0;margin:25px 0}.perfume-price{font-size:16px;color:var(--accent)}.perfume-purchase p{font-size:12px;line-height:1.6;color:var(--muted);margin:7px 0 0}.page-save{display:grid;place-items:center;background:transparent;color:var(--accent);border:0;width:44px;height:44px;flex:none}.page-save svg{width:21px;height:21px}.page-save.saved svg{fill:var(--accent);stroke:var(--accent)}
.perfume-notes h2{font-size:15px;font-weight:500;margin:0 0 20px}.perfume-notes .note-row{justify-content:flex-start;gap:18px;margin:0 0 24px}.perfume-notes .note-image{width:62px;height:62px}.perfume-notes .note-row li{font-size:12px;max-width:95px}.perfume-families{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:27px}.perfume-families a{font-size:12px;padding:7px 12px;border-radius:20px;background:#faf5f4;color:var(--accent)}
.perfume-details{border-top:1px solid #eee5e2;padding:18px 0}.perfume-details summary{display:flex;justify-content:space-between;align-items:center;font-size:14px;cursor:pointer;list-style:none}.perfume-details summary::-webkit-details-marker{display:none}.perfume-details summary svg{width:15px;height:15px;transform:rotate(90deg)}.perfume-details[open] summary svg{transform:rotate(-90deg)}.perfume-details dl{font-size:13px;margin:22px 0}.perfume-details dl>div{display:flex;gap:20px;justify-content:space-between;margin:12px 0}.perfume-details dt{color:var(--muted)}.perfume-details dd{margin:0;text-align:right}.related-perfumes{border-top:1px solid #eee5e2;padding-top:36px;margin-bottom:15px}.mobile-campaign{display:none}
@media(max-width:1000px){.perfume-page{gap:35px;padding-inline:0}.perfume-title-row h1{font-size:38px}.perfume-gallery .page-packshot{height:450px;padding:45px 12%}}
@media(max-width:600px){.perfume-page{display:block;padding:0 0 30px}.perfume-gallery{position:relative;top:auto}.perfume-gallery .page-packshot{height:310px;padding:28px 23%}.packshot-caption{display:none}.perfume-info{padding:22px 0 0}.perfume-title-row h1{font-size:36px;line-height:1.13}.perfume-title-row{gap:14px;margin-top:12px}.page-add-plus{width:44px;height:44px}.perfume-arabic{font-size:18px;margin:12px 0 18px}.perfume-description{font-size:14px}.perfume-purchase{padding:20px 0;margin:23px 0}.perfume-notes .note-image{width:55px;height:55px}.perfume-notes .note-row{gap:10px}.related-perfumes{padding-top:26px}.product-grid .product-name-row .quick-add{min-width:36px}
.photo-hero{height:auto;padding-bottom:68px;overflow:hidden}.photo-hero>.hero-campaign,.photo-hero>.campaign-product,.photo-hero>.campaign-copy{display:none}.mobile-campaign{display:block;position:relative;padding:0}.mobile-banner-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.mobile-banner-track::-webkit-scrollbar{display:none}.mobile-banner{position:relative;display:block;flex:0 0 100%;min-width:0;height:215px;scroll-snap-align:start;scroll-snap-stop:always;background:#fff;overflow:hidden}.mobile-banner:before{content:'';position:absolute;inset:0;background:url('assets/nafahat/nafahat-hero-backdrop.png') center right/cover no-repeat;opacity:.23}.banner-gold:before{opacity:.35}.banner-garden:before{opacity:.19}.mobile-banner-copy{position:absolute;z-index:2;left:22px;top:28px;width:58%;color:var(--accent)}.mobile-banner-copy>span:first-child{display:block;font-size:8px;letter-spacing:.12em;line-height:1.5}.mobile-banner-copy h2{font-family:Georgia,serif;font-size:25px;line-height:1.14;font-weight:400;margin:14px 0 10px;letter-spacing:-.4px}.mobile-banner-copy p{font-size:11px;color:#836f72;margin:0 0 16px}.mobile-banner-copy .banner-discover{display:inline-flex;align-items:center;gap:12px;font-size:11px}.banner-discover svg{width:15px;height:15px}.mobile-banner>img{position:absolute;right:12px;top:15px;width:37%;height:186px;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.035)}.banner-garden .mobile-banner-copy{color:#2e5b55}.banner-dots{display:flex;justify-content:center;gap:3px;height:28px;align-items:center}.banner-dots button{width:28px;height:28px;background:none;border:0;display:grid;place-items:center;padding:0}.banner-dots button:after{content:'';width:5px;height:5px;border-radius:50%;background:#dacdd0;transition:width .2s}.banner-dots button[aria-pressed=true]:after{width:19px;border-radius:4px;background:var(--accent)}.campaign-search{bottom:14px;left:18px;right:18px}.discovery-pills{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.banner-dots button:after,.page-add-plus{transition:none}}
.mobile-banner:before{display:none}.mobile-banner .banner-art{position:absolute;inset:0;width:160%;max-width:none;height:100%;object-fit:cover;object-position:left center;mix-blend-mode:normal;filter:none;z-index:0}.mobile-banner .banner-product{position:absolute;z-index:1;right:3%;top:5%;width:41%;height:91%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 16px 18px rgba(32,10,18,.22)) brightness(1.03)}.mobile-banner-copy{z-index:2;width:56%;color:#fff8f2;text-shadow:0 1px 12px rgba(30,8,16,.18)}.mobile-banner-copy p{color:inherit;opacity:.8}.banner-gold .mobile-banner-copy,.banner-rose .mobile-banner-copy,.banner-citrus .mobile-banner-copy{color:#3d201c;text-shadow:none}.banner-orchid .mobile-banner-copy,.banner-blue .mobile-banner-copy,.banner-scarlet .mobile-banner-copy,.banner-spice .mobile-banner-copy,.banner-lavender .mobile-banner-copy{color:#fff9f4}.banner-crystal .mobile-banner-copy{color:#4d2730;text-shadow:none}.mobile-banner-copy .banner-discover{font-weight:600;letter-spacing:.02em}@media(min-width:700px){.mobile-banner{height:270px}.mobile-banner-copy{left:42px;top:38px;width:46%}.mobile-banner .banner-product{right:8%;width:30%;height:96%}}
.mobile-banner .banner-art{width:240%}.mobile-banner .banner-product{z-index:2;filter:drop-shadow(0 16px 18px rgba(32,10,18,.22)) brightness(1.3) saturate(1.08)}.mobile-banner-copy{z-index:3}
.mobile-banner .banner-art{width:100%;object-position:center}.mobile-banner .banner-product{display:none}
.mobile-banner:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(28,8,18,.72) 0%,rgba(28,8,18,.34) 42%,transparent 72%)}.banner-gold:after,.banner-rose:after,.banner-citrus:after,.banner-crystal:after{background:linear-gradient(90deg,rgba(255,250,243,.8) 0%,rgba(255,250,243,.32) 44%,transparent 72%)}