*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:#fff;color:#191919;font:16px/1.8 Hajari,Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #705042;outline-offset:5px}img{max-width:100%;display:block}svg{width:22px;height:22px;flex:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}button{color:inherit}a,button{touch-action:manipulation}.wrap{width:calc(100% - 96px);max-width:1640px;margin-inline:auto}.site-header{min-height:118px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #dedede;gap:24px}.site-header nav,.header-actions{display:flex;align-items:center;gap:25px}.site-header nav a{font-size:14px}.header-actions{justify-content:flex-end;gap:13px}.brand{text-align:center;display:flex;align-items:center;flex-direction:column;padding:12px 0}.brand-word{font-size:40px;line-height:1.35;letter-spacing:-2px;font-family:Hajari,Georgia,Tahoma,serif}.brand-caption{font:10px/2 Arial,sans-serif;letter-spacing:2px;margin-top:5px}.brand-image{object-fit:contain;width:130px;height:56px}.icon{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:44px}.language{font:14px Arial,sans-serif;padding:12px}.divider{height:16px;border-inline-start:1px solid #ccc;margin-inline:2px}.intro-copy{padding:44px 0 38px;text-align:center}.eyebrow{font-size:13px;letter-spacing:1.4px;color:#646464}.intro-copy h1{font:clamp(23px,2.25vw,36px)/1.35 Georgia,'Times New Roman',serif;letter-spacing:-.8px;margin:13px auto 12px;max-width:900px}.intro-copy h1[dir=rtl]{font-family:Hajari,Tahoma,sans-serif;letter-spacing:0}.intro-copy p{color:#666;font-size:14px;margin:0}.section-heading{border-block:1px solid #dedede;display:flex;justify-content:space-between;align-items:center;padding:13px 0;gap:16px}.section-heading h2{font-size:15px;margin:0}.section-heading span{font:12px Arial,sans-serif;letter-spacing:1px;color:#777}.catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 18px;padding-top:26px;padding-bottom:48px}.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.card-image{position:relative;aspect-ratio:3/4;background:#f5f5f5;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:contain;transition:transform .45s ease,filter .45s ease}.view-icon{position:absolute;bottom:12px;inset-inline-end:12px;background:#ffffffed;display:grid;place-items:center;width:32px;height:32px;opacity:0;transform:translateY(4px);transition:.25s}.view-icon svg{width:17px}.card-caption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:10px}.card-caption h3{font-size:14px;margin:0}.card-caption span{font:12px Arial,sans-serif;color:#777}.about{border-top:1px solid #ddd;padding:60px 0 65px;display:grid;grid-template-columns:1fr 1fr;gap:9%}.about h2{font-size:clamp(20px,2vw,28px);line-height:1.9;max-width:480px;margin-top:15px}.about-text{max-width:680px;color:#555;font-size:16px;line-height:2.15}.about-text p:last-child{margin-bottom:0}.footer{border-top:1px solid #ddd;padding:28px 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;font-size:14px;align-items:center}.footer>div:nth-child(2){text-align:center;color:#666}.footer-links{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.footer small{grid-column:1/-1;font:12px Arial,sans-serif;color:#777;letter-spacing:1px}.back{display:inline-block;padding:22px 0;font-size:14px;color:#666}.product-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,.75fr);gap:5%;align-items:start;padding-bottom:70px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gallery-image{border:0;padding:0;position:relative;background:#f7f7f7}.gallery-image img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}.image-count{position:absolute;bottom:10px;left:10px;background:#ffffffdd;padding:2px 7px;font:11px/1.8 Arial,sans-serif}.product-info{position:sticky;top:30px}.product-info h1{font-size:30px;line-height:1.5;margin:8px 0 24px}.description{color:#555;white-space:pre-line}.product-price{font-size:18px}.order-panel{border-top:1px solid #ddd;padding-top:22px;margin-top:26px}.order-panel label{display:block;font-size:14px;margin-bottom:8px}select{width:100%;background:#fff;border:1px solid #bbb;padding:12px;min-height:49px;color:#222}.button{min-height:49px;padding:12px 18px;display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #222;background:#fff;text-align:center}.primary{background:#191919;color:#fff;margin-top:16px}.text-button{background:none;border:0;border-bottom:1px solid #999;font-size:14px;padding:9px 0 1px;margin:10px 0}.fine{font-size:13px;color:#666;line-height:1.9;margin-top:15px}.shipping{font-size:14px;margin-top:22px}details{border-block:1px solid #ddd;margin-top:22px}summary{padding:15px 0;cursor:pointer;font-size:15px}dl{margin:0 0 15px}dl>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;font-size:14px}dt{color:#666}dd{margin:0}dialog{border:0;padding:14px 18px 18px;background:#fff;width:96vw;max-width:1600px;height:94dvh;max-height:96dvh;overflow:hidden}dialog::backdrop{background:#000b}.lightbox-topbar{height:48px;position:relative;direction:ltr}.lightbox-topbar #lightbox-count{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:12px/1 Arial,sans-serif;letter-spacing:.04em;color:#222}.lightbox-topbar #close-lightbox{position:absolute;left:0;top:2px;width:42px;height:42px;border:0;background:transparent;display:grid;place-items:center;font:300 31px/1 Arial,sans-serif;color:#111;transition:background .18s ease,transform .18s ease}.lightbox-topbar #close-lightbox:hover{background:#f2f2f0}.lightbox-topbar #close-lightbox:active{transform:scale(.96)}.lightbox-stage{position:relative;height:calc(100% - 48px);min-height:0;padding:0 66px;display:flex;align-items:center;justify-content:center;direction:ltr}.lightbox-media{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center}.lightbox-stage #lightbox-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.lightbox-controls{position:absolute;inset:0;pointer-events:none}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center;color:#111;transition:background .18s ease,transform .18s ease,opacity .18s ease;pointer-events:auto}.lightbox-nav>span{display:grid;place-items:center;width:100%;height:100%;font:300 24px/1 Arial,sans-serif;color:currentColor;transform:none!important}.lightbox-prev>span,.lightbox-next>span{transform:none!important}.lightbox-nav:hover{background:#f2f2f0}.lightbox-nav:active{transform:translateY(-50%) scale(.96)}.lightbox-prev{left:var(--lightbox-prev-left,10px)}.lightbox-next{right:var(--lightbox-next-right,10px)}.skip{position:fixed;top:-100px;left:10px;background:#fff;padding:12px;z-index:99}.skip:focus{top:10px}.intro{position:fixed;inset:0;background:#fff;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;pointer-events:none;animation:intro-out .45s .55s forwards}.intro>span:last-child{font:11px Arial;letter-spacing:2px}.intro .brand-word{font-size:54px}@keyframes intro-out{to{opacity:0;visibility:hidden}}.not-found{padding-block:80px}.empty{grid-column:1/-1}.pagination{display:flex;justify-content:center;gap:10px;padding-bottom:35px}.pagination a{min-width:44px;padding:8px 14px;border:1px solid #ddd;text-align:center}.pagination a[aria-current=page]{background:#191919;color:#fff}.description,.about-text,p,h1,h2,h3,dd{overflow-wrap:anywhere}@media(hover:hover){.carpet-card:hover img{transform:scale(1.025);filter:brightness(.985)}.carpet-card:hover .view-icon{opacity:1;transform:translateY(0)}.site-header nav a:hover,.language:hover{color:#786454}.primary:hover{background:#38332f}}@media(min-width:2200px){.wrap{max-width:1640px}}@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.site-header nav{gap:14px}.product-layout{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:30px}.gallery{gap:10px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.site-header{min-height:95px;gap:8px;grid-template-columns:1fr auto}.brand{grid-column:1;grid-row:1;justify-self:start}.brand-word{font-size:33px}.brand-caption{font-size:8px;letter-spacing:1px}.site-header nav{grid-column:1/-1;grid-row:2;justify-content:center;padding-bottom:12px;gap:30px}.header-actions{grid-column:2;grid-row:1;gap:3px}.icon{min-width:35px}.language{padding:10px 6px}.divider{margin:0}.intro-copy{padding:30px 0}.intro-copy h1{font-size:25px;letter-spacing:-.5px;max-width:340px}.intro-copy .eyebrow{font-size:12px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px;padding-top:18px;padding-bottom:35px}.card-caption{gap:5px;flex-wrap:wrap}.card-caption h3{font-size:14px}.about{grid-template-columns:1fr;gap:12px;padding:35px 0}.about h2{font-size:23px}.footer{grid-template-columns:1fr;font-size:14px;text-align:center}.footer-links{justify-content:center}.footer small{padding-top:8px}.product-layout{display:flex;flex-direction:column;gap:30px}.gallery{width:100%;gap:10px}.product-info{position:static;width:100%}.product-info h1{font-size:26px}.gallery-image img{aspect-ratio:3/4}.product-page .back{padding:17px 0}dialog{padding:12px 14px 16px;height:94dvh;max-height:94dvh}.lightbox-stage{height:calc(100% - 46px);padding:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.lightbox-media{width:100%;height:auto;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.lightbox-stage #lightbox-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.lightbox-controls{position:static!important;inset:auto!important;flex:0 0 46px;width:100%;height:46px;margin:10px 0 0;display:flex;align-items:center;justify-content:space-between;pointer-events:auto}.lightbox-nav{position:static!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;width:42px;height:42px;flex:0 0 42px;border:1px solid #dedede;background:#fff;display:grid;place-items:center;backdrop-filter:none;-webkit-backdrop-filter:none}.lightbox-nav:active{transform:scale(.96)!important}.lightbox-nav:hover{background:#f5f5f3}.lightbox-nav>span{width:100%;height:100%;font-size:22px;line-height:1}.lightbox-topbar #close-lightbox{left:0}.lightbox-topbar{height:46px}.section-heading span{font-size:11px}.section-heading h2{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition:none!important}}
body.modal-open{overflow:hidden}
html[lang] body .intro-copy h1[dir="ltr"]{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;font-size:clamp(14px,1.125vw,18px);letter-spacing:.18em;line-height:1.9;max-width:1000px;margin:14px auto}
@media(max-width:760px){html[lang] body .intro-copy h1[dir="ltr"]{font-size:14px;letter-spacing:.12em;line-height:2;max-width:100%;text-wrap:balance}}
.about.about-teaser a.about-photo{aspect-ratio:3/4;max-width:480px;width:100%;height:auto;max-height:none;justify-self:start;background:transparent}
.about.about-teaser a.about-photo img{object-fit:contain;object-position:center}
@media(max-width:760px){.about.about-teaser a.about-photo{max-width:none}}
html body:not(.admin-body) .brand-word{font-family:Georgia,"Times New Roman",serif}
.site-header nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding-block:8px}
.site-header nav a::after{content:'';position:absolute;inset-inline:0;bottom:6px;height:1px;background:#000;transform:scaleX(0);transform-origin:right;transition:transform .24s ease}
html[dir="ltr"] .site-header nav a::after{transform-origin:left}
.site-header nav a:hover::after,.site-header nav a:focus-visible::after{transform:scaleX(1)}
.about.about-teaser{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;padding-inline:0;align-items:center}
.about.about-teaser .about-photo{width:100%;max-width:none;height:auto;max-height:none;aspect-ratio:4/3;overflow:hidden;position:relative}
.about.about-teaser .about-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.about.about-teaser .about-teaser-copy{padding-inline:clamp(18px,3vw,48px);min-width:0}
@media(max-width:760px){.about.about-teaser{grid-template-columns:minmax(0,1fr);row-gap:28px}.about.about-teaser .about-teaser-copy{padding-inline:12px}.site-header nav{justify-content:center}}
body .collection-loadmore{min-width:0;width:fit-content}
.collection-loadmore,.about-teaser-copy>.text-button{position:relative;display:table;width:fit-content;min-width:0;min-height:44px;padding:10px 0;border:0;background:none;color:#191919;font:inherit;font-size:14px;text-decoration:none}
.collection-loadmore{margin:0 auto 32px}
.collection-loadmore::after,.about-teaser-copy>.text-button::after{content:'';position:absolute;inset-inline:0;bottom:7px;height:1px;background:#000;transform:scaleX(0);transform-origin:right;transition:transform .24s ease}
html[dir="ltr"] .collection-loadmore::after,html[dir="ltr"] .about-teaser-copy>.text-button::after{transform-origin:left}
.collection-loadmore:hover::after,.collection-loadmore:focus-visible::after,.about-teaser-copy>.text-button:hover::after,.about-teaser-copy>.text-button:focus-visible::after{transform:scaleX(1)}
body:not(.admin-body){text-transform:uppercase}
html[lang="en"] body:not(.admin-body){font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
html[lang="en"] .intro-copy h1,.brand-word,.brand-caption,.eyebrow[dir="ltr"],.footer small,.contact-number{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
@media(hover:hover){.event-card:hover .card-image img{transform:scale(1.025);filter:brightness(.985)}}
.home-events .event-grid,.events-page .event-grid{width:100%;max-width:none;margin-inline:0;gap:18px}
.event-grid .event-card .card-image{aspect-ratio:1/1!important}
body:not(.admin-body) img{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}
.event-grid .event-card{min-width:0}
.event-grid .event-card .card-image{width:100%;height:auto;aspect-ratio:4/3;max-height:none;overflow:hidden}
.event-grid .event-card .card-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.carpet-card .card-image img,.event-card .card-image img,.about-photo img{object-fit:cover;object-position:center;width:100%;height:100%}
.collection-loadmore{margin:0 auto 32px;min-width:180px}.collection-loadmore[hidden],.pagination[hidden],.carpet-card[hidden]{display:none!important}
.home-events{margin-bottom:32px}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:22px 0 28px;max-width:1050px;margin-inline:auto}.event-card .card-image{aspect-ratio:4/3;max-height:260px}.event-card h3{font-size:14px;line-height:1.8;margin:10px 6px 0}.section-heading>a{font-size:14px;color:#555}.events-page{padding-block:35px 60px}.events-page h1{font-size:24px;margin:0}.story-page{padding-bottom:60px}.story-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:25px 8px 36px}.story-heading h1{font-size:30px;line-height:1.8}.story-copy{white-space:pre-line;color:#555;line-height:2.1}.story-page .gallery{max-width:1250px;margin:auto;gap:22px}.story-page .gallery img{max-height:750px}.about-teaser{align-items:center;gap:7%}.about-photo{position:relative;display:block;background:#f7f7f7;aspect-ratio:4/3;max-height:360px}.about-photo img{height:100%;width:100%;object-fit:contain}.about-teaser-copy p{color:#666;line-height:2.1}.image-shell{position:relative;isolation:isolate}.image-shell.is-loading::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,#f5f5f5 30%,#fcfcfc 50%,#f5f5f5 70%);background-size:250% 100%;animation:image-loading 1.5s linear infinite;z-index:1;pointer-events:none}.image-error{position:absolute;inset:0;display:grid;place-items:center;background:#f7f7f7;color:#777;font-size:13px;padding:15px}.image-failed img{opacity:0}@keyframes image-loading{to{background-position:-250% 0}}body.font-14{--reading-size:14px;--label-size:13px}body.font-16{--reading-size:16px;--label-size:14px}body.font-18{--reading-size:18px;--label-size:16px}body.font-20{--reading-size:20px;--label-size:18px}body[class*="font-"] main p,body[class*="font-"] .about-text{font-size:var(--reading-size)}body[class*="font-"] .card-caption h3,body[class*="font-"] .event-card h3,body[class*="font-"] .site-header nav a,body[class*="font-"] .order-panel label,body[class*="font-"] dl>div{font-size:var(--label-size)}
.brand-word{letter-spacing:.08em}
.contact-trigger{font:inherit;background:none;border:0;border-bottom:1px solid #bbb;padding:8px 0;min-height:44px}
.contact-wrap{position:relative}
.contact-popover{position:absolute;bottom:calc(100% + 10px);inset-inline-end:0;width:206px;max-width:calc(100vw - 48px);padding:6px 12px;background:#fff;border:1px solid #ddd;box-shadow:0 5px 20px #0000000d;z-index:10}
.contact-popover[hidden]{display:none}
.contact-number{display:block;text-align:center;padding:10px 0;font:16px/1.5 Arial,sans-serif;min-height:44px;white-space:nowrap}
/* Keep readable content comfortably inside mobile screen edges. */
@media (max-width:760px){
.site-header nav{gap:18px;flex-wrap:wrap}
.event-grid{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:18px}
.event-card .card-image{aspect-ratio:3/4}
.event-card h3{font-size:13px;line-height:1.9;margin-inline:3px}
.story-heading{grid-template-columns:1fr;gap:4px;padding-inline:12px}
.story-heading h1{font-size:24px}
.story-copy{padding-inline:4px}
.story-page .gallery{gap:12px}
.about-photo{width:100%;max-height:300px}
.about-teaser-copy{padding-inline:6px}
.wrap{
--mobile-gutter:clamp(24px,5vw,38px);
width:calc(100% - var(--mobile-gutter) - var(--mobile-gutter));
padding-left:env(safe-area-inset-left,0px);
padding-right:env(safe-area-inset-right,0px);
}
.site-header{grid-template-columns:minmax(0,1fr) auto;gap:8px}
.brand{min-width:0;max-width:100%}
.brand-caption{max-width:100%;white-space:normal;overflow-wrap:normal}
.header-actions{gap:0}
.header-actions .icon,.header-actions .language{
min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;
}
.header-actions .divider{display:none}
.section-heading{padding-inline:8px}
.card-caption{padding-inline:6px;row-gap:3px}
.about{padding-inline:clamp(8px,1.5vw,12px);padding-block:40px;gap:18px}
.about>*{min-width:0}
.about h2{font-size:clamp(20px,3.5vw,23px);line-height:1.95;margin-bottom:10px}
.about-text{font-size:16px;line-height:2.15;text-align:start}
.about-text p{margin-bottom:24px}
.product-info{padding-inline:8px;min-width:0}
.product-page .back{padding-inline:8px}
.footer{padding-inline:8px;row-gap:18px}
.footer-links{gap:12px}
.contact-popover{inset-inline-end:auto;inset-inline-start:0}
.intro-copy{padding-inline:8px}
}
@media (max-width:380px){
.site-header .brand-word{font-size:28px;letter-spacing:.07em}
.brand-caption{font-size:8px;letter-spacing:.6px;line-height:1.6}
.header-actions .language{font-size:13px}
}
/* Mobile brand refinement + clean product gallery (FA + EN). */
.image-count,#lightbox-count{display:none!important}
@media (max-width:760px){
.site-header .brand{padding:10px 0 12px;gap:0}
.site-header .brand-word{
font-size:27px;
line-height:1.06;
letter-spacing:.085em;
}
.site-header .brand-image{
width:94px;
height:auto;
max-height:42px;
}
.site-header .brand-caption{
margin-top:5px;
font-size:7.4px;
line-height:1.3;
letter-spacing:1.05px;
white-space:nowrap;
}
}
@media (max-width:380px){
.site-header .brand-word{font-size:24px;line-height:1.05;letter-spacing:.08em}
.site-header .brand-image{width:90px;max-height:40px}
.site-header .brand-caption{margin-top:5px;font-size:7px;line-height:1.3;letter-spacing:.95px;white-space:nowrap}
}
/* Collection model count + per-model Video Experience (FA + EN). */
.section-heading>span{white-space:nowrap}
.card-caption{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;direction:ltr}
.card-name{min-width:0;display:block;grid-column:2;grid-row:1;justify-self:end;text-align:right}
.card-name h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.video-experience-trigger{appearance:none;border:0;background:transparent;color:#6a6a6a;padding:7px 0 5px;margin:0;min-height:32px;white-space:nowrap;font:10px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.075em;text-transform:none;transition:color .18s ease;grid-column:1;grid-row:1;justify-self:start;text-align:left}
html[dir="rtl"] .video-experience-trigger{font-family:Hajari,Tahoma,Arial,sans-serif;font-size:11px;letter-spacing:0}
.video-experience-trigger:hover,.video-experience-trigger:focus-visible{color:#111}
.video-experience-trigger::after{content:'';display:block;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .18s ease;margin-top:2px}
html[dir="rtl"] .video-experience-trigger::after{transform-origin:right}
.video-experience-trigger:hover::after,.video-experience-trigger:focus-visible::after{transform:scaleX(1)}
/* Centered video modal. */
dialog.video-experience-dialog{width:min(92vw,1120px);max-width:1120px;height:auto;max-height:92dvh;padding:0;border:0;background:#0d0d0d;color:#fff;overflow:hidden}
dialog.video-experience-dialog::backdrop{background:#000c}
.video-dialog-shell{display:flex;flex-direction:column;max-height:92dvh;min-height:0}
.video-dialog-top{height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 16px;border-bottom:1px solid #2b2b2b;direction:ltr}
#video-experience-title{font:11px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.08em;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#close-video-experience{width:42px;height:42px;border:0;background:transparent;color:#fff;font:300 30px/1 Arial,sans-serif;display:grid;place-items:center}
#close-video-experience:hover{background:#222}
.video-experience-player{display:flex;align-items:center;justify-content:center;min-height:0;background:#000}
.video-experience-player video{display:block;width:100%;height:auto;max-height:calc(92dvh - 48px);object-fit:contain;background:#000}
.video-experience-player iframe{display:block;width:100%;aspect-ratio:16/9;max-height:calc(92dvh - 48px);border:0;background:#000}
@media(max-width:760px){
.card-caption{column-gap:6px;padding-inline:4px}
.video-experience-trigger{font-size:8.5px;letter-spacing:.055em;padding-top:6px;min-height:30px}
html[dir="rtl"] .video-experience-trigger{font-size:10px}
dialog.video-experience-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:90dvh}
.video-dialog-shell{max-height:90dvh}
.video-experience-player video,.video-experience-player iframe{max-height:calc(90dvh - 48px)}
}
/* Final footer placement: shipping is the last line, never in the top intro. */
.footer-spacer{min-height:1px}
.footer-shipping{grid-column:1/-1;text-align:center;color:#666;border-top:1px solid #ececec;padding-top:18px;margin-top:2px;font-size:13px}
@media(max-width:760px){
.footer-spacer{display:none}
.footer-shipping{grid-column:auto;padding-top:16px;margin-top:2px;font-size:13px}
}
/* Animated card covers: video behaves like a lightweight GIF preview. */
.card-image>.card-cover-video{display:block;width:100%;height:100%;object-fit:contain;background:#f5f5f5;pointer-events:none}
.event-card .card-image>.card-cover-video{object-fit:cover}
.admin-card-cover-video{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#111}
/* Cleaner collection count. */
.section-heading>span{letter-spacing:.09em}
/* Shipping is intentionally footer-only. */
.shipping{display:none!important}
/* Mobile brand is compact and the caption spacing stays consistent in both languages. */
@media(max-width:760px){
.site-header .brand{padding:8px 0 10px;gap:0}
.site-header .brand-word{font-size:25px;line-height:1.05;letter-spacing:.08em}
}
/* 2026-09-11: give catalog titles proper breathing room below card media. */
.catalog-grid .card-caption{padding-top:15px;min-height:38px;line-height:1.55}
.catalog-grid .card-caption h3{line-height:1.55}
@media(max-width:760px){
.catalog-grid .card-caption{padding-top:10px;min-height:34px}
}
/* 2026-09-11 card rhythm + fixed animated covers + footer alignment */
.catalog-grid{align-items:start;row-gap:52px}
.carpet-card{display:grid;grid-template-rows:auto auto;align-content:start;min-width:0}
.carpet-card>.card-image{display:block;position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;background:#f5f5f5}
.carpet-card>.card-image>img,
.carpet-card>.card-image>.card-cover-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.event-card .card-image{display:block;position:relative;overflow:hidden}
.event-card .card-image>.card-cover-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.catalog-grid .card-caption{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:12px;margin-top:12px;padding:0 3px;min-height:26px;line-height:1.5;direction:ltr}
.catalog-grid .card-name{grid-column:2;grid-row:1;justify-self:end;min-width:0;text-align:right;display:block}
.catalog-grid .card-name h3{margin:0;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog-grid .video-experience-trigger{grid-column:1;grid-row:1;justify-self:start;appearance:none;border:0;background:transparent;padding:0;margin:0;min-height:0;color:#777;white-space:nowrap;text-align:left;font:inherit;font-size:12px;line-height:1.5;letter-spacing:0;transition:color .18s ease,opacity .18s ease}
html[lang="en"] .catalog-grid .video-experience-trigger{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:.025em}
.catalog-grid .video-experience-trigger::after{display:none!important;content:none!important}
.catalog-grid .video-experience-trigger:hover,
.catalog-grid .video-experience-trigger:focus-visible{color:#111;opacity:1}
.footer-links{gap:18px}
.footer-copyright{font:11px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#777;letter-spacing:.08em;white-space:nowrap;margin-inline:8px}
@media(max-width:760px){
.catalog-grid{row-gap:34px}
.catalog-grid .card-caption{margin-top:9px;padding:0 2px;column-gap:7px;min-height:24px}
.catalog-grid .card-name h3{font-size:13px}
.catalog-grid .video-experience-trigger{font-size:10px}
html[lang="en"] .catalog-grid .video-experience-trigger{font-size:8.5px;letter-spacing:.015em}
.footer-links{gap:14px 18px}
.footer-copyright{margin-inline:4px;font-size:10px}
}
/* ===== FINAL UI OVERRIDES — 2026-09-11 ===== */
/* Footer: swap Contact and copyright positions */
.footer-links .contact-wrap{order:2!important}
.footer-links .footer-copyright{order:3!important}
/* Carpet caption: name + Video Experience are typographically identical */
.catalog-grid .card-caption{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
align-items:baseline!important;
column-gap:16px!important;
padding-top:12px!important;
margin-top:0!important;
min-height:34px!important;
direction:ltr!important;
}
.catalog-grid .card-name{
grid-column:2!important;
grid-row:1!important;
justify-self:end!important;
text-align:right!important;
min-width:0!important;
}
.catalog-grid .card-name h3,
.catalog-grid .video-experience-trigger{
font-family:inherit!important;
font-size:var(--label-size,14px)!important;
font-weight:400!important;
line-height:1.7!important;
letter-spacing:0!important;
color:#444!important;
margin:0!important;
padding:0!important;
min-height:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
text-decoration:none!important;
white-space:nowrap!important;
}
.catalog-grid .video-experience-trigger{
grid-column:1!important;
grid-row:1!important;
justify-self:start!important;
text-align:left!important;
opacity:1!important;
transition:color .18s ease!important;
}
html[lang="en"] .catalog-grid .video-experience-trigger,
html[dir="rtl"] .catalog-grid .video-experience-trigger{
font-family:inherit!important;
font-size:var(--label-size,14px)!important;
line-height:1.7!important;
letter-spacing:0!important;
}
.catalog-grid .video-experience-trigger::before,
.catalog-grid .video-experience-trigger::after{display:none!important;content:none!important}
.catalog-grid .video-experience-trigger:hover,
.catalog-grid .video-experience-trigger:focus-visible{color:#111!important}
/* Video Experience modal: keep HAJARI's white gallery language, never a black frame */
dialog.video-experience-dialog{
width:min(92vw,1120px)!important;
max-width:1120px!important;
height:auto!important;
max-height:92dvh!important;
padding:0!important;
border:1px solid #e8e8e5!important;
background:#fff!important;
color:#111!important;
overflow:hidden!important;
box-shadow:0 18px 60px rgba(0,0,0,.10)!important;
}
dialog.video-experience-dialog::backdrop{background:rgba(17,17,17,.36)!important}
.video-dialog-shell{background:#fff!important;display:flex!important;flex-direction:column!important;max-height:92dvh!important;min-height:0!important}
.video-dialog-top{background:#fff!important;border-bottom:1px solid #ececea!important;color:#111!important}
#video-experience-title{color:#666!important}
#close-video-experience{background:transparent!important;color:#111!important}
#close-video-experience:hover{background:#f4f4f2!important}
.video-experience-player{
background:#fff!important;
padding:20px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:0!important;
}
.video-experience-player video{
display:block!important;
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:calc(92dvh - 96px)!important;
object-fit:contain!important;
background:#fff!important;
}
.video-experience-player iframe{
display:block!important;
width:min(100%,960px)!important;
aspect-ratio:16/9!important;
max-height:calc(92dvh - 96px)!important;
border:0!important;
background:#fff!important;
}
@media(max-width:760px){
.catalog-grid .card-caption{
column-gap:12px!important;
padding:10px 2px 0!important;
min-height:30px!important;
}
.catalog-grid .card-name h3,
.catalog-grid .video-experience-trigger,
html[lang="en"] .catalog-grid .video-experience-trigger,
html[dir="rtl"] .catalog-grid .video-experience-trigger{
font-size:var(--label-size,14px)!important;
line-height:1.7!important;
}
.footer-links{justify-content:center!important;gap:12px 18px!important}
dialog.video-experience-dialog{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:92dvh!important}
.video-experience-player{padding:14px!important}
.video-experience-player video,.video-experience-player iframe{max-height:calc(92dvh - 78px)!important}
}
/* ===== HAJARI fullscreen entry hero — Prada-like, fade-only, mobile first ===== */
body.entry-locked{overflow:hidden;overscroll-behavior:none}
.entry-hero{position:fixed;inset:0;z-index:300;background:#111;color:#fff;overflow:hidden;height:100svh;min-height:100dvh;transform:translateY(0);transition:transform 1.2s cubic-bezier(.76,0,.24,1),visibility 0s 1.2s}
.entry-hero.is-leaving{transform:translateY(-102%)}
.entry-slides,.entry-slide,.entry-media-item,.entry-shade{position:absolute;inset:0}
.entry-slide{opacity:0;pointer-events:none}
.entry-slide.is-active{opacity:1}
.entry-media-item{opacity:0;transition:opacity 1.15s cubic-bezier(.4,0,.2,1);overflow:hidden;background:#161616;z-index:0}
.entry-media-item.is-active{opacity:1;z-index:1}
.entry-media{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;will-change:transform;transform:scale(1)}
.entry-media-item.is-active .entry-media{animation-duration:var(--entry-duration,6500ms);animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:forwards}
.entry-hero.zoom-out .entry-media-item.is-active img.entry-media{animation-name:entry-zoom-out}
.entry-hero.zoom-in .entry-media-item.is-active img.entry-media{animation-name:entry-zoom-in}
.entry-hero.zoom-none .entry-media-item.is-active img.entry-media{animation:none}
.entry-shade{z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.24) 0%,rgba(0,0,0,.015) 34%,rgba(0,0,0,.03) 65%,rgba(0,0,0,.34) 100%);pointer-events:none}
.entry-topbar{position:absolute;z-index:6;top:0;left:0;right:0;height:88px;padding:calc(18px + env(safe-area-inset-top,0px)) 18px 0;display:flex;align-items:flex-start;pointer-events:none}
.entry-menu-toggle{pointer-events:auto;appearance:none;border:0;background:transparent;color:#fff;width:44px;height:44px;padding:13px 9px;display:flex;flex-direction:column;justify-content:center;gap:7px;position:relative;z-index:8;transition:color .25s ease}
.entry-menu-toggle span{display:block;width:24px;height:1.5px;background:currentColor;transition:transform .28s ease,opacity .22s ease}
.entry-brand{position:absolute;left:50%;top:calc(22px + env(safe-area-inset-top,0px));transform:translateX(-50%);color:#fff;white-space:nowrap;pointer-events:none;display:grid;place-items:center;min-width:90px;transition:color .25s ease,filter .25s ease}
.entry-brand-word{font:400 29px/1 Georgia,"Times New Roman",serif;letter-spacing:.055em;text-shadow:0 1px 14px rgba(0,0,0,.14)}
.entry-brand-image{display:block;max-width:112px;max-height:38px;width:auto;height:auto;object-fit:contain;filter:brightness(0) invert(1);transition:filter .25s ease}
.entry-copy{position:absolute;z-index:5;left:22px;right:22px;bottom:116px;color:#fff;opacity:0;transform:translateY(26px);transition:opacity 1s ease,transform 1s cubic-bezier(.22,.61,.36,1);pointer-events:none;text-shadow:0 1px 14px rgba(0,0,0,.18)}
.entry-copy.is-visible{opacity:1;transform:translateY(0)}
.entry-copy[hidden]{display:none}
.entry-copy-subtitle{font-size:12px;line-height:1.8;opacity:.84;margin-bottom:4px}
.entry-copy-title{font-size:clamp(20px,7vw,30px);line-height:1.45;font-weight:400;max-width:82vw}
.entry-copy-cta{pointer-events:auto;display:inline-block;color:inherit;margin-top:12px;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:3px}
html[lang="en"] .entry-copy-subtitle,html[lang="en"] .entry-copy-title,html[lang="en"] .entry-copy-cta{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.entry-enter{position:absolute;z-index:7;left:50%;bottom:calc(34px + env(safe-area-inset-bottom,0px));transform:translate(-50%,18px);appearance:none;border:0;background:transparent;color:#fff;padding:10px 4px 6px;white-space:nowrap;font:400 14px/1.4 Hajari,Tahoma,Arial,sans-serif;text-shadow:0 1px 12px rgba(0,0,0,.2);letter-spacing:0;opacity:0;animation:entry-enter-in 1.05s 1.25s cubic-bezier(.22,.61,.36,1) forwards}
html[lang="en"] .entry-enter{font:400 12px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.065em}
.entry-enter span{display:block}
.entry-enter i{display:block;width:100%;height:1px;background:currentColor;margin-top:7px;transform:scaleX(.72);transform-origin:center;opacity:.8;transition:transform .35s ease,opacity .35s ease}
.entry-enter:hover i{transform:scaleX(1);opacity:1}
.entry-enter:hover{opacity:.8}
.entry-menu{position:absolute;z-index:5;inset:0;background:rgba(255,255,255,.988);color:#151515;display:grid;place-items:center;padding:100px 30px 40px;animation:entry-menu-in .3s ease both}
.entry-menu[hidden]{display:none}
.entry-menu nav{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.entry-menu nav a{font-size:18px;line-height:1.7;border-bottom:1px solid transparent;transition:border-color .18s ease,color .18s ease}
html[lang="en"] .entry-menu nav a{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;letter-spacing:.05em}
.entry-menu nav a:hover{border-bottom-color:currentColor}
.entry-hero.menu-open .entry-brand,.entry-hero.menu-open .entry-menu-toggle{color:#151515;text-shadow:none}
.entry-hero.menu-open .entry-brand-image{filter:brightness(0)}
.entry-hero.menu-open .entry-menu-toggle span:first-child{transform:translateY(4.25px) rotate(45deg)}
.entry-hero.menu-open .entry-menu-toggle span:last-child{transform:translateY(-4.25px) rotate(-45deg)}
.entry-hero.menu-open .entry-enter,.entry-hero.menu-open .entry-copy{opacity:0;pointer-events:none}
@keyframes entry-zoom-out{from{transform:scale(calc(1 + var(--entry-zoom,0.06)))}to{transform:scale(1)}}
@keyframes entry-zoom-in{from{transform:scale(1)}to{transform:scale(calc(1 + var(--entry-zoom,0.06)))}}
@keyframes entry-menu-in{from{opacity:0}to{opacity:1}}
@keyframes entry-enter-in{to{opacity:1;transform:translate(-50%,0)}}
@media(min-width:761px){
.entry-topbar{height:108px;padding:29px 42px 0}.entry-menu-toggle{width:48px;height:48px;padding:13px 10px}.entry-menu-toggle span{width:27px}
.entry-brand{top:31px}.entry-brand-word{font-size:38px;letter-spacing:.07em}.entry-brand-image{max-width:145px;max-height:45px}
.entry-enter{bottom:44px;font-size:15px}html[lang="en"] .entry-enter{font-size:13px}
.entry-copy{left:46px;right:46px;bottom:124px;max-width:680px}.entry-copy-title{font-size:34px;max-width:620px}.entry-menu nav{gap:25px}.entry-menu nav a{font-size:21px}html[lang="en"] .entry-menu nav a{font-size:17px}
}
/* Mobile header after the hero leaves: same centered-logo / two-line burger language, now black on white. */
.site-menu-toggle{display:none}
.mobile-site-menu{display:none}
@media(max-width:760px){
body.site-menu-locked{overflow:hidden}
.site-header{position:relative;min-height:76px;height:76px;display:flex!important;align-items:center;justify-content:center;padding:0!important;gap:0!important;grid-template-columns:none!important}
.site-header .desktop-nav,.site-header>.header-actions{display:none!important}
.site-header .brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);grid-column:auto!important;grid-row:auto!important;justify-self:auto!important;display:grid;place-items:center;z-index:12}
.site-header .brand-caption{display:none!important}
.site-header .brand-word{font-size:28px!important;line-height:1;letter-spacing:.055em}
.site-header .brand-image{max-width:108px!important;max-height:38px!important;width:auto!important;height:auto!important;object-fit:contain}
.site-menu-toggle{display:flex;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:14;width:42px;height:42px;border:0;background:transparent;color:#151515;padding:12px 8px;flex-direction:column;justify-content:center;gap:7px}
html[dir="rtl"] .site-menu-toggle{left:0;right:auto}
.site-menu-toggle span{display:block;width:24px;height:1.5px;background:currentColor;transition:transform .28s ease}
.site-header.mobile-menu-open .site-menu-toggle span:first-child{transform:translateY(4.25px) rotate(45deg)}
.site-header.mobile-menu-open .site-menu-toggle span:last-child{transform:translateY(-4.25px) rotate(-45deg)}
.mobile-site-menu{position:fixed;z-index:11;inset:0;background:#fff;color:#151515;padding:110px 28px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}
.mobile-site-menu[hidden]{display:none!important}
.mobile-site-menu nav{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.mobile-site-menu nav a{font-size:18px;line-height:1.6}
html[lang="en"] .mobile-site-menu nav a{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;letter-spacing:.04em}
.mobile-menu-socials{display:flex;gap:8px}
}
@media(prefers-reduced-motion:reduce){.entry-media-item.is-active .entry-media{animation:none!important;transform:scale(1)!important}.entry-hero{transition-duration:.01ms!important}.entry-enter{animation:none!important;opacity:1!important;transform:translate(-50%,0)!important}.entry-copy{transition:none!important}}
/* Language toggle beside the two-line burger — white over Hero, black on white site */
.entry-menu-cluster{display:flex;align-items:center;gap:10px;pointer-events:auto;position:relative;z-index:8}
.entry-language-toggle{color:#fff;font:500 11px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.055em;text-shadow:0 1px 12px rgba(0,0,0,.18);padding:14px 3px;transition:opacity .2s ease,color .25s ease}
.entry-language-toggle:hover{opacity:.7}
.entry-hero.menu-open .entry-language-toggle{color:#151515;text-shadow:none}
.mobile-menu-cluster{display:none}
@media(max-width:760px){
.mobile-menu-cluster{display:flex;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:14;align-items:center;gap:9px}
html[dir="rtl"] .mobile-menu-cluster{left:0;right:auto}
.mobile-menu-cluster .site-menu-toggle{position:relative;left:auto;top:auto;transform:none}
.mobile-language-toggle{display:block;color:#151515;font:500 11px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.045em;white-space:nowrap;padding:12px 2px}
.site-header.mobile-menu-open .mobile-language-toggle{position:relative;z-index:15}
}
@media(min-width:761px){.entry-menu-cluster{gap:13px}.entry-language-toggle{font-size:12px}.mobile-menu-cluster{display:none}}
/* ===== HAJARI footer refinement + PINKFRAMED micro credit ===== */
.contact-trigger{border-bottom:0!important;text-decoration:none!important;position:relative}
.footer-links{align-items:center}
.footer-order-item{flex:0 0 auto}
.footer-studio-credit{height:44px;display:inline-flex;align-items:center;max-width:18px;overflow:hidden;gap:0;color:#191919;white-space:nowrap;vertical-align:middle;transition:max-width .42s cubic-bezier(.2,.7,.2,1),gap .32s ease,opacity .2s ease;padding:0 4px}
.footer-studio-dot{width:8px;height:8px;min-width:8px;border-radius:50%;background:#ff4f9a;box-shadow:0 0 0 0 rgba(255,79,154,.16);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease}
.footer-studio-label{font-size:11px;line-height:1.4;letter-spacing:.01em;opacity:0;transform:translateX(5px);transition:opacity .28s ease,transform .32s cubic-bezier(.2,.8,.2,1)}
html[dir="rtl"] .footer-studio-label{transform:translateX(-5px)}
.footer-studio-credit:hover,.footer-studio-credit:focus-visible,.footer-studio-credit.is-active{max-width:300px;gap:8px}
.footer-studio-credit:hover .footer-studio-label,.footer-studio-credit:focus-visible .footer-studio-label,.footer-studio-credit.is-active .footer-studio-label{opacity:1;transform:translateX(0)}
.footer-studio-credit.is-active .footer-studio-dot{animation:pinkframed-tap .38s cubic-bezier(.2,.8,.2,1)}
@keyframes pinkframed-tap{0%{transform:scale(1)}35%{transform:scale(.72);box-shadow:0 0 0 7px rgba(255,79,154,.12)}70%{transform:scale(1.18)}100%{transform:scale(1)}}
@media(max-width:760px){.footer-studio-credit{height:40px}.footer-studio-label{font-size:10px}.footer-links{row-gap:6px}}
/* ===== 2026-09-12 refinement: Prada hero text + stable studio credit ===== */
.entry-enter{font-size:var(--entry-cta-size-mobile,16px)}
html[lang="en"] .entry-enter{font-size:var(--entry-cta-size-mobile,16px)}
.entry-enter i{width:100%;transform:scaleX(1);opacity:.88}
.entry-enter:hover i{transform:scaleX(1);opacity:1}
@media(min-width:761px){
.entry-enter{top:50%;bottom:auto;font-size:var(--entry-cta-size-desktop,16px);transform:translate(-50%,calc(-50% + 18px));animation-name:entry-enter-in-desktop}
html[lang="en"] .entry-enter{font-size:var(--entry-cta-size-desktop,16px)}
}
@media(max-width:760px){
.entry-enter{font-size:var(--entry-cta-size-mobile,16px);animation-name:entry-enter-in-mobile}
html[lang="en"] .entry-enter{font-size:var(--entry-cta-size-mobile,16px)}
}
@keyframes entry-enter-in-mobile{to{opacity:1;transform:translate(-50%,0)}}
@keyframes entry-enter-in-desktop{to{opacity:1;transform:translate(-50%,-50%)}}
/* Footer credit: one fixed-size pink dot. Text opens in a floating popover instead of expanding the row. */
.footer-links{align-items:center;min-height:44px}
.footer-order-item{align-self:center}
.footer-studio-credit{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:36px;min-width:36px;max-width:36px!important;height:44px;overflow:visible!important;padding:0!important;gap:0!important;vertical-align:middle}
.footer-studio-trigger{appearance:none;border:0;background:transparent;width:36px;height:44px;padding:0;display:grid;place-items:center;color:inherit}
.footer-studio-dot{display:block;width:8px;height:8px;min-width:8px;border-radius:50%;background:#ff4f9a;box-shadow:none;transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s ease}
.footer-studio-trigger:hover .footer-studio-dot,.footer-studio-trigger:focus-visible .footer-studio-dot{transform:scale(1.18);box-shadow:0 0 0 5px rgba(255,79,154,.08)}
.footer-studio-credit.pulse .footer-studio-dot{animation:pinkframed-dot-pulse .32s cubic-bezier(.2,0,0,1)}
.footer-studio-popover{position:absolute;z-index:20;inset-inline-end:0;bottom:calc(100% + 8px);width:max-content;max-width:min(270px,80vw);padding:0;background:#fff;border:1px solid #dedede;box-shadow:0 10px 30px rgba(0,0,0,.08);border-radius:8px;transform-origin:bottom right;animation:studio-pop .18s cubic-bezier(.2,0,0,1) both}
.footer-studio-popover[hidden]{display:none}
.footer-studio-popover a{display:block;padding:10px 12px;font:500 10px/1.2 Arial,sans-serif;letter-spacing:.08em;color:#191919;white-space:nowrap}
.footer-studio-popover a:hover{background:#f6f6f3}
@keyframes pinkframed-dot-pulse{0%{transform:scale(1)}40%{transform:scale(.74)}72%{transform:scale(1.2)}100%{transform:scale(1)}}
@keyframes studio-pop{from{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.footer-studio-credit,.footer-studio-trigger{height:40px}.footer-studio-popover{inset-inline-start:50%;inset-inline-end:auto;transform-origin:bottom center;translate:-50% 0}}
/* ===== 2026-09-12 mobile PINKFRAMED popover anchor fix ===== */
@media (max-width:760px){
.footer-studio-credit{
position:relative;
isolation:isolate;
}
.footer-studio-popover{
left:50%!important;
right:auto!important;
inset-inline-start:auto!important;
inset-inline-end:auto!important;
bottom:calc(100% + 10px)!important;
translate:none!important;
transform-origin:50% 100%;
border-radius:8px;
box-shadow:0 6px 18px rgba(0,0,0,.10);
border:1px solid rgba(25,25,25,.12);
animation:studio-pop-mobile .18s cubic-bezier(.2,0,0,1) both;
}
.footer-studio-popover::after{
content:"";
position:absolute;
left:50%;
bottom:-4px;
width:8px;
height:8px;
background:#fff;
border-right:1px solid rgba(25,25,25,.12);
border-bottom:1px solid rgba(25,25,25,.12);
transform:translateX(-50%) rotate(45deg);
}
.footer-studio-popover a{
position:relative;
z-index:1;
padding:10px 12px;
font-size:10px;
line-height:1.2;
letter-spacing:.075em;
}
}
@keyframes studio-pop-mobile{
from{opacity:0;transform:translate(-50%,6px) scale(.98)}
to{opacity:1;transform:translate(-50%,0) scale(1)}
}
/* ==========================================================================\n HAJARI / MATERIAL DESIGN 3 SYSTEM — monochrome editorial theme\n Material 3 principles mapped to the existing PHP/CSS stack: semantic color\n roles, 4/8dp spacing rhythm, shape roles, state layers, accessible targets,\n adaptive compact/medium/expanded layout, and restrained M3 motion.\n ========================================================================== */
:root{
--md-sys-color-primary:#191919;
--md-sys-color-on-primary:#ffffff;
--md-sys-color-primary-container:#ececea;
--md-sys-color-on-primary-container:#191919;
--md-sys-color-surface:#ffffff;
--md-sys-color-surface-dim:#f1f1ee;
--md-sys-color-surface-container-lowest:#ffffff;
--md-sys-color-surface-container-low:#fafaf8;
--md-sys-color-surface-container:#f5f5f2;
--md-sys-color-surface-container-high:#efefec;
--md-sys-color-surface-container-highest:#e9e9e5;
--md-sys-color-on-surface:#191919;
--md-sys-color-on-surface-variant:#666661;
--md-sys-color-outline:#7b7b75;
--md-sys-color-outline-variant:#deded8;
--md-sys-color-scrim:rgba(0,0,0,.42);
--md-sys-color-error:#9b2c2c;
--md-sys-state-hover:rgba(25,25,25,.055);
--md-sys-state-focus:rgba(25,25,25,.10);
--md-sys-state-pressed:rgba(25,25,25,.10);
--md-sys-shape-extra-small:4px;
--md-sys-shape-small:8px;
--md-sys-shape-medium:12px;
--md-sys-shape-large:16px;
--md-sys-shape-extra-large:28px;
--md-sys-shape-full:999px;
--md-sys-motion-standard:cubic-bezier(.2,0,0,1);
--md-sys-motion-emphasized:cubic-bezier(.05,.7,.1,1);
--md-sys-motion-enter:cubic-bezier(.05,.7,.1,1);
--md-sys-motion-exit:cubic-bezier(.3,0,1,1);
--md-sys-duration-short:160ms;
--md-sys-duration-medium:280ms;
--md-sys-duration-long:520ms;
--md-sys-elevation-1:0 1px 2px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.025);
--md-sys-elevation-2:0 6px 20px rgba(0,0,0,.075);
--md-sys-focus-ring:0 0 0 3px rgba(25,25,25,.13);
}
html{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}
body{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}
.wrap{max-width:1440px}
a,button,input,textarea,select,summary{transition:background-color var(--md-sys-duration-short) var(--md-sys-motion-standard),color var(--md-sys-duration-short) var(--md-sys-motion-standard),border-color var(--md-sys-duration-short) var(--md-sys-motion-standard),box-shadow var(--md-sys-duration-short) var(--md-sys-motion-standard),transform var(--md-sys-duration-short) var(--md-sys-motion-standard)}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:0!important;box-shadow:var(--md-sys-focus-ring)!important}
/* Header / icon controls */
.site-header{min-height:80px;border-bottom:1px solid transparent}
.site-header nav a,.header-actions a,.site-menu-toggle,.mobile-language-toggle,.header-actions .icon{position:relative;min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--md-sys-shape-full)}
.site-header nav a{padding-inline:12px}
.site-header nav a:hover,.header-actions a:hover,.mobile-language-toggle:hover,.header-actions .icon:hover{background:var(--md-sys-state-hover)}
.site-menu-toggle{width:48px;height:48px}
.site-menu-toggle:hover{background:var(--md-sys-state-hover)}
.mobile-site-menu{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-large);box-shadow:var(--md-sys-elevation-2);padding:8px}
.mobile-site-menu nav a{border-radius:var(--md-sys-shape-small);min-height:48px;padding:0 16px}
/* M3 outlined cards — quiet enough for HAJARI, but with correct states and stroke. */
.catalog-grid,.event-grid{align-items:start;gap:clamp(18px,2.1vw,32px)}
.carpet-card,.event-card{position:relative;min-width:0;background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-medium);overflow:clip;box-shadow:none;transition:border-color var(--md-sys-duration-medium) var(--md-sys-motion-standard),box-shadow var(--md-sys-duration-medium) var(--md-sys-motion-standard),transform var(--md-sys-duration-medium) var(--md-sys-motion-standard),background-color var(--md-sys-duration-medium) var(--md-sys-motion-standard)}
.carpet-card:hover,.event-card:hover{border-color:rgba(25,25,25,.28);box-shadow:var(--md-sys-elevation-1);background:var(--md-sys-color-surface-container-lowest)}
.carpet-card:focus-within,.event-card:focus-within{border-color:rgba(25,25,25,.42);box-shadow:var(--md-sys-focus-ring)}
.carpet-card>.card-image,.event-card>.card-image{margin:0!important;border:0!important;border-radius:calc(var(--md-sys-shape-medium) - 1px) calc(var(--md-sys-shape-medium) - 1px) 0 0!important;background:var(--md-sys-color-surface-container-low);overflow:hidden}
.carpet-card>.card-image::after,.event-card>.card-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:transparent;transition:background-color var(--md-sys-duration-short) var(--md-sys-motion-standard);z-index:4}
.carpet-card:hover>.card-image::after,.event-card:hover>.card-image::after{background:rgba(255,255,255,.012)}
.catalog-grid .card-caption{margin:0!important;padding:14px 16px 15px!important;min-height:52px!important;column-gap:12px!important;background:var(--md-sys-color-surface);align-items:center}
.catalog-grid .card-name h3,.event-card h3{font-weight:500!important;color:var(--md-sys-color-on-surface)}
.catalog-grid .video-experience-trigger{color:var(--md-sys-color-on-surface-variant)!important;font-size:inherit!important;line-height:inherit!important;min-height:40px!important;padding:0!important;border-radius:var(--md-sys-shape-small)!important;display:inline-flex;align-items:center;position:relative}
.catalog-grid .video-experience-trigger:hover,.catalog-grid .video-experience-trigger:focus-visible{color:var(--md-sys-color-on-surface)!important}
.event-card h3{margin:0!important;padding:14px 16px 16px!important;min-height:52px;display:flex;align-items:center}
/* Buttons: M3 filled / outlined / text roles with 48px touch targets. */
.button,.small-button,.text-button,.contact-trigger,.collection-loadmore{min-height:48px!important;border-radius:var(--md-sys-shape-full)!important;padding:0 20px!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;border:0;position:relative;overflow:hidden}
.button.primary{background:var(--md-sys-color-primary)!important;color:var(--md-sys-color-on-primary)!important;border:1px solid var(--md-sys-color-primary)!important;box-shadow:none!important}
.button.primary:hover{box-shadow:var(--md-sys-elevation-1)!important;filter:none!important}
.text-button,.collection-loadmore,.contact-trigger{background:transparent!important;color:var(--md-sys-color-primary)!important;border:0!important;border-bottom:0!important}
.text-button:hover,.collection-loadmore:hover,.contact-trigger:hover{background:var(--md-sys-state-hover)!important}
/* Forms / product controls follow the M3 outlined-field hierarchy. */
.order-panel,details{border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:var(--md-sys-shape-large)!important;background:var(--md-sys-color-surface-container-low)!important;padding:20px!important;box-shadow:none!important}
.order-panel select{min-height:56px;border:1px solid var(--md-sys-color-outline)!important;border-radius:var(--md-sys-shape-small)!important;background:var(--md-sys-color-surface)!important;padding-inline:14px!important}
.order-panel select:focus{border-color:var(--md-sys-color-primary)!important;box-shadow:inset 0 0 0 1px var(--md-sys-color-primary)!important}
details summary{min-height:48px;display:flex;align-items:center;border-radius:var(--md-sys-shape-small);padding-inline:4px}
details summary:hover{background:var(--md-sys-state-hover)}
.product-info{align-self:start}
.gallery-image{border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:var(--md-sys-shape-medium)!important;overflow:hidden;background:var(--md-sys-color-surface-container-low)!important}
.gallery-image:hover{border-color:rgba(25,25,25,.30)!important}
/* Dialog surfaces stay white; no black box around media. */
dialog{border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:var(--md-sys-shape-extra-large)!important;background:var(--md-sys-color-surface)!important;color:var(--md-sys-color-on-surface)!important;box-shadow:0 24px 70px rgba(0,0,0,.16)!important}
dialog::backdrop{background:var(--md-sys-color-scrim)!important}
.lightbox-topbar,.video-dialog-top{background:#fff!important;border-color:var(--md-sys-color-outline-variant)!important}
.lightbox-nav,#close-lightbox,#close-video-experience{min-width:48px!important;min-height:48px!important;border-radius:var(--md-sys-shape-full)!important;background:#fff!important;color:#191919!important;border:1px solid var(--md-sys-color-outline-variant)!important}
.lightbox-nav:hover,#close-lightbox:hover,#close-video-experience:hover{background:var(--md-sys-color-surface-container)!important}
.video-experience-player,.video-experience-player video,.video-experience-player iframe{background:#fff!important}
/* Footer: touch targets remain generous while the visible UI stays almost invisible. */
.footer-links{align-items:center;gap:4px 10px}
.footer-links>a,.footer-links>.contact-wrap,.footer-copyright{min-height:48px;display:inline-flex;align-items:center}
.footer-links .icon{width:48px;height:48px;border-radius:var(--md-sys-shape-full);display:inline-grid;place-items:center}
.footer-links .icon:hover{background:var(--md-sys-state-hover)}
.footer-studio-credit,.footer-studio-trigger{width:48px!important;min-width:48px!important;height:48px!important}
.footer-studio-dot{width:8px!important;height:8px!important;min-width:8px!important;background:#f3abc9!important;box-shadow:none!important}
.footer-studio-trigger:hover .footer-studio-dot,.footer-studio-trigger:focus-visible .footer-studio-dot{transform:scale(1.12)!important;box-shadow:0 0 0 5px rgba(243,171,201,.12)!important}
.footer-studio-popover{border:1px solid var(--md-sys-color-outline-variant)!important;border-radius:var(--md-sys-shape-medium)!important;box-shadow:var(--md-sys-elevation-2)!important}
.footer-shipping{border-color:var(--md-sys-color-outline-variant)!important}
/* Tactile Video Experience: hold progressively expands the card into a full-screen M3 surface. */
.carpet-card.has-video-experience>.card-image{touch-action:pan-y;transform-origin:center;transition:transform var(--md-sys-duration-medium) var(--md-sys-motion-emphasized),box-shadow var(--md-sys-duration-medium) var(--md-sys-motion-standard)}
.carpet-card.is-pressing>.card-image{transform:scale(.988);box-shadow:inset 0 0 0 1px rgba(25,25,25,.30)}
.experience-stage{position:fixed;inset:0;z-index:1200;pointer-events:none;background:transparent;overscroll-behavior:contain}
.experience-stage-surface{position:fixed;left:var(--experience-left);top:var(--experience-top);width:var(--experience-width);height:var(--experience-height);overflow:hidden;background:#fff;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-medium);box-shadow:var(--md-sys-elevation-1);transition:left 880ms var(--md-sys-motion-emphasized),top 880ms var(--md-sys-motion-emphasized),width 880ms var(--md-sys-motion-emphasized),height 880ms var(--md-sys-motion-emphasized),border-radius 880ms var(--md-sys-motion-emphasized),box-shadow 500ms var(--md-sys-motion-standard),opacity 280ms var(--md-sys-motion-standard)}
.experience-stage.is-expanding .experience-stage-surface,.experience-stage.is-open .experience-stage-surface{left:0;top:0;width:100vw;height:100dvh;border-radius:0;border-color:transparent;box-shadow:none}
.experience-stage.is-open{pointer-events:auto;background:#fff}
.experience-stage.is-cancelled .experience-stage-surface{opacity:0;transform:scale(.985)}
.experience-stage.is-closing .experience-stage-surface{opacity:0;transform:scale(.99)}
.experience-stage-preview,.experience-stage-player{position:absolute;inset:0;display:grid;place-items:center;background:#fff}
.experience-stage-preview{z-index:1;transition:opacity 420ms var(--md-sys-motion-standard)}
.experience-stage-preview-media{width:100%;height:100%;display:block;object-fit:cover}
.experience-stage-player{z-index:2;opacity:0;padding:clamp(20px,4vw,56px);padding-top:max(76px,calc(env(safe-area-inset-top) + 64px));transition:opacity 520ms var(--md-sys-motion-standard)}
.experience-stage.is-playing .experience-stage-preview{opacity:0}
.experience-stage.is-playing .experience-stage-player{opacity:1}
.experience-stage-video{display:block;max-width:min(100%,1440px);max-height:calc(100dvh - 116px);width:auto;height:auto;object-fit:contain;background:#fff;border-radius:var(--md-sys-shape-small);outline:1px solid var(--md-sys-color-outline-variant)}
.experience-stage-topbar{position:absolute;z-index:5;top:0;left:0;right:0;height:max(64px,calc(52px + env(safe-area-inset-top)));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#fff 72%,rgba(255,255,255,0));opacity:0;transition:opacity 260ms var(--md-sys-motion-standard);pointer-events:none}
.experience-stage.is-open .experience-stage-topbar{opacity:1;pointer-events:auto}
.experience-stage-title{font-size:13px;font-weight:500;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70vw}
.experience-stage-close{width:48px;height:48px;border:0;border-radius:var(--md-sys-shape-full);background:transparent;color:#191919;font:300 28px/1 Arial,sans-serif;display:grid;place-items:center}
.experience-stage-close:hover{background:var(--md-sys-state-hover)}
body.experience-open{overflow:hidden;touch-action:none}
/* Adaptive compact / medium / expanded rhythm. */
@media(max-width:599px){
.wrap{width:calc(100% - 32px)!important;padding-inline:0!important}
.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 12px!important}
.event-grid{gap:20px 12px!important}
.carpet-card,.event-card{border-radius:10px}
.carpet-card>.card-image,.event-card>.card-image{border-radius:9px 9px 0 0!important}
.catalog-grid .card-caption{padding:10px 10px 11px!important;min-height:48px!important;column-gap:7px!important}
.event-card h3{padding:10px 10px 11px!important;min-height:48px}
.catalog-grid .video-experience-trigger{min-height:36px!important}
.experience-stage-player{padding:16px 0 max(20px,env(safe-area-inset-bottom));padding-top:max(72px,calc(env(safe-area-inset-top) + 60px))}
.experience-stage-video{max-width:100%;max-height:calc(100dvh - 100px);border-radius:0;outline:0}
}
@media(min-width:600px) and (max-width:839px){.wrap{width:calc(100% - 48px)!important}.catalog-grid,.event-grid{gap:24px}}
@media(min-width:840px){.wrap{width:calc(100% - 64px)!important}.catalog-grid,.event-grid{gap:32px}.catalog-grid .card-caption{padding:16px 18px 17px!important}.event-card h3{padding:16px 18px 17px!important}}
@media(prefers-reduced-motion:reduce){.experience-stage-surface{transition-duration:1ms!important}.experience-stage-preview,.experience-stage-player{transition-duration:1ms!important}.carpet-card,.event-card,.button,a,button{transition-duration:1ms!important}}
/* Final type/state alignment: Video Experience label uses the exact card-title type role. */
.catalog-grid .video-experience-trigger{font-family:inherit!important;font-size:var(--label-size,14px)!important;font-weight:500!important;letter-spacing:0!important}
html[lang="en"] .catalog-grid .video-experience-trigger{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-size:var(--label-size,14px)!important;letter-spacing:0!important}
.carpet-card:active,.event-card:active{transform:scale(.996)}
.button:active,.small-button:active,.text-button:active,.contact-trigger:active{transform:scale(.985)}
/* 2026-09-12 — HAJARI M3 refinement: equal cards, text-tab navigation, standard icon action */
:root{
--hajari-card-caption-h:56px;
--hajari-card-caption-h-compact:48px;
--hajari-nav-inactive:#6d6d68;
--hajari-nav-hover:#3f3f3b;
--hajari-nav-active:#191919;
}
/* Cards use one fixed M3 outlined-card geometry. Video Experience never changes card height. */
.catalog-grid{grid-auto-rows:auto!important}
.catalog-grid .carpet-card{
display:grid!important;
grid-template-rows:auto var(--hajari-card-caption-h)!important;
align-self:start!important;
height:auto!important;
min-height:0!important;
border-width:1px!important;
border-style:solid!important;
border-color:var(--md-sys-color-outline-variant)!important;
border-radius:var(--md-sys-shape-medium)!important;
}
.catalog-grid .carpet-card>.card-image{
width:100%!important;
aspect-ratio:3/4!important;
min-height:0!important;
border-radius:calc(var(--md-sys-shape-medium) - 1px) calc(var(--md-sys-shape-medium) - 1px) 0 0!important;
}
.catalog-grid .card-caption{
box-sizing:border-box!important;
height:var(--hajari-card-caption-h)!important;
min-height:var(--hajari-card-caption-h)!important;
max-height:var(--hajari-card-caption-h)!important;
padding:0 16px!important;
margin:0!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
align-items:center!important;
column-gap:12px!important;
overflow:hidden!important;
}
.catalog-grid .card-name,
.catalog-grid .video-experience-trigger{
min-width:0!important;
height:auto!important;
min-height:0!important;
padding:0!important;
margin:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
line-height:1.45!important;
}
.catalog-grid .card-name h3,
.catalog-grid .video-experience-trigger{
font-size:var(--label-size,14px)!important;
font-weight:500!important;
letter-spacing:0!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.catalog-grid .video-experience-trigger{
color:var(--md-sys-color-on-surface-variant)!important;
transition:color var(--md-sys-duration-short) var(--md-sys-motion-standard)!important;
}
.catalog-grid .video-experience-trigger:hover,
.catalog-grid .video-experience-trigger:focus-visible{color:var(--md-sys-color-on-surface)!important}
/* M3 standard icon button on media: 48px hit target, 24px icon, no permanent square/outline. */
.view-icon{
position:absolute!important;
inset-inline-start:8px!important;
inset-inline-end:auto!important;
bottom:8px!important;
width:48px!important;
height:48px!important;
min-width:48px!important;
min-height:48px!important;
display:grid!important;
place-items:center!important;
color:#191919!important;
background:transparent!important;
border:0!important;
border-radius:var(--md-sys-shape-full)!important;
box-shadow:none!important;
opacity:0!important;
transform:none!important;
isolation:isolate!important;
transition:opacity var(--md-sys-duration-short) var(--md-sys-motion-standard),color var(--md-sys-duration-short) var(--md-sys-motion-standard)!important;
z-index:6!important;
}
.view-icon::before{
content:"";
position:absolute;
width:40px;
height:40px;
border-radius:50%;
background:rgba(255,255,255,.92);
opacity:.90;
transform:scale(.92);
transition:transform var(--md-sys-duration-short) var(--md-sys-motion-standard),background-color var(--md-sys-duration-short) var(--md-sys-motion-standard),opacity var(--md-sys-duration-short) var(--md-sys-motion-standard);
z-index:-1;
}
.view-icon svg{width:24px!important;height:24px!important;stroke-width:1.5!important}
@media(hover:hover){
.carpet-card:hover .view-icon,.card-image:hover .view-icon{opacity:1!important;transform:none!important}
.view-icon:hover::before{background:#fff;transform:scale(1)}
.view-icon:active::before{background:rgba(255,255,255,.86);transform:scale(.94)}
}
/* Site navigation behaves like quiet M3 secondary tabs: indicator + label color, never a pill/state circle. */
.site-header nav a,
.mobile-site-menu nav a{
background:transparent!important;
box-shadow:none!important;
border-radius:0!important;
color:var(--hajari-nav-inactive)!important;
}
.site-header nav a:hover,
.site-header nav a:focus-visible,
.mobile-site-menu nav a:hover,
.mobile-site-menu nav a:focus-visible{
background:transparent!important;
color:var(--hajari-nav-hover)!important;
}
.site-header nav a[aria-current="page"]{
color:var(--hajari-nav-active)!important;
font-weight:500!important;
}
.site-header nav a[aria-current="page"]::after{
transform:scaleX(1)!important;
background:var(--hajari-nav-active)!important;
}
.mobile-site-menu nav a[aria-current="page"]{color:var(--hajari-nav-active)!important;font-weight:600!important}
/* Product lightbox arrows: M3 standard icon buttons; remove the boxed/square hover language. */
.lightbox-nav{
width:48px!important;
height:48px!important;
min-width:48px!important;
min-height:48px!important;
border:0!important;
border-radius:var(--md-sys-shape-full)!important;
background:transparent!important;
box-shadow:none!important;
color:var(--md-sys-color-on-surface-variant)!important;
overflow:hidden!important;
}
.lightbox-nav::before{
content:"";
position:absolute;
inset:4px;
border-radius:50%;
background:var(--md-sys-state-hover);
opacity:0;
transition:opacity var(--md-sys-duration-short) var(--md-sys-motion-standard)!important;
}
.lightbox-nav>span{position:relative;z-index:1;font-size:24px!important;font-weight:400!important}
.lightbox-nav:hover{background:transparent!important;color:var(--md-sys-color-on-surface)!important}
.lightbox-nav:hover::before{opacity:1}
.lightbox-nav:active::before{opacity:1;background:var(--md-sys-state-pressed)}
@media(max-width:599px){
.catalog-grid .carpet-card{grid-template-rows:auto var(--hajari-card-caption-h-compact)!important}
.catalog-grid .card-caption{
height:var(--hajari-card-caption-h-compact)!important;
min-height:var(--hajari-card-caption-h-compact)!important;
max-height:var(--hajari-card-caption-h-compact)!important;
padding:0 10px!important;
column-gap:7px!important;
}
.catalog-grid .card-name h3,
.catalog-grid .video-experience-trigger{font-size:13px!important}
.view-icon{display:none!important}
.lightbox-nav{width:48px!important;height:48px!important;border:0!important;background:transparent!important}
}
/* HAJARI M3 refinement — uniform catalogue cards + compact video capability indicator */
.catalog-grid .carpet-card{
position:relative!important;
grid-template-rows:auto var(--hajari-card-caption-h,54px)!important;
overflow:hidden!important;
}
.catalog-grid .card-caption{
height:var(--hajari-card-caption-h,54px)!important;
min-height:var(--hajari-card-caption-h,54px)!important;
max-height:var(--hajari-card-caption-h,54px)!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
padding:0 12px!important;
overflow:hidden!important;
}
.catalog-grid .card-name{min-width:0!important;max-width:100%!important}
.catalog-grid .card-name h3{margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.catalog-grid .video-experience-trigger{display:none!important}
/* M3 standard icon-button: 48px target, 20px white glyph, transparent container.
The icon is only a capability cue; the long-press gesture remains on the media itself. */
.video-experience-icon{
position:absolute!important;
inset-inline-start:8px!important;
bottom:calc(var(--hajari-card-caption-h,54px) + 8px)!important;
z-index:12!important;
width:48px!important;
height:48px!important;
min-width:48px!important;
min-height:48px!important;
padding:0!important;
border:0!important;
border-radius:50%!important;
background:transparent!important;
color:#fff!important;
display:grid!important;
place-items:center!important;
box-shadow:none!important;
-webkit-tap-highlight-color:transparent!important;
transition:color var(--md-sys-duration-short,180ms) var(--md-sys-motion-standard,ease),transform var(--md-sys-duration-short,180ms) var(--md-sys-motion-standard,ease)!important;
}
.video-experience-icon::before{
content:"";
position:absolute;
inset:4px;
border-radius:50%;
background:rgba(17,17,17,.18);
opacity:0;
transition:opacity var(--md-sys-duration-short,180ms) var(--md-sys-motion-standard,ease)!important;
}
.video-experience-icon svg{
position:relative;
z-index:1;
width:20px!important;
height:20px!important;
fill:none;
stroke:currentColor;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
filter:drop-shadow(0 1px 2px rgba(0,0,0,.28));
}
@media(hover:hover){
.video-experience-icon:hover::before{opacity:1}
.video-experience-icon:hover{color:#fff!important}
}
.video-experience-icon:active{transform:scale(.96)!important}
.video-experience-icon:active::before{opacity:1;background:rgba(17,17,17,.26)}
.video-experience-icon:focus-visible{outline:2px solid #fff!important;outline-offset:-5px!important}
/* Catalogue disclosure arrow: visual-only cue. No white box/circle; M3 state is expressed by icon color. */
.view-icon{
background:transparent!important;
border:0!important;
box-shadow:none!important;
color:rgba(255,255,255,.92)!important;
}
.view-icon::before{display:none!important;content:none!important}
.view-icon svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}
@media(hover:hover){
.view-icon:hover{color:#fff!important}
}
/* Text navigation = quiet M3 text/tab treatment: no pill/state-layer container. */
.site-header nav a,
.mobile-site-menu nav a{
background:transparent!important;
border-radius:0!important;
box-shadow:none!important;
}
.site-header nav a::before,
.mobile-site-menu nav a::before{display:none!important;content:none!important}
.site-header nav a:hover,
.site-header nav a:focus-visible,
.mobile-site-menu nav a:hover,
.mobile-site-menu nav a:focus-visible{
background:transparent!important;
color:var(--hajari-nav-hover,#111)!important;
}
@media(max-width:599px){
.catalog-grid .carpet-card{grid-template-rows:auto var(--hajari-card-caption-h-compact,48px)!important}
.catalog-grid .card-caption{
height:var(--hajari-card-caption-h-compact,48px)!important;
min-height:var(--hajari-card-caption-h-compact,48px)!important;
max-height:var(--hajari-card-caption-h-compact,48px)!important;
padding:0 8px!important;
}
.video-experience-icon{
inset-inline-start:4px!important;
bottom:calc(var(--hajari-card-caption-h-compact,48px) + 4px)!important;
width:44px!important;
height:44px!important;
min-width:44px!important;
min-height:44px!important;
}
.video-experience-icon svg{width:18px!important;height:18px!important}
.view-icon{display:none!important}
}
/* 2026-09-12 — Collection Rail: one-row editorial carousel, mobile-first, M3 restrained motion */
.collection-rail-section{overflow:visible}
.collection-rail-hint{
display:flex;align-items:center;justify-content:center;gap:10px;
min-height:40px;padding:12px 0 2px;color:var(--md-sys-color-on-surface-variant,#6d6d68);
font-size:12px;line-height:1.4;letter-spacing:.01em;transition:opacity 280ms var(--md-sys-motion-standard,ease),transform 280ms var(--md-sys-motion-standard,ease)
}
.collection-rail-hint em{font-style:normal;white-space:nowrap}
.collection-rail-hint span{font:400 16px/1 Arial,sans-serif;color:#999}
.collection-rail-hint.is-used{opacity:.28;transform:translateY(-2px)}
.collection .collection-rail{
width:100vw!important;max-width:none!important;margin-inline:calc(50% - 50vw)!important;
display:flex!important;grid-template-columns:none!important;grid-auto-rows:unset!important;
align-items:center!important;gap:clamp(16px,2.2vw,30px)!important;
overflow-x:auto!important;overflow-y:visible!important;
scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;
-webkit-overflow-scrolling:touch;scrollbar-width:none;
padding-top:clamp(22px,3vw,38px)!important;padding-bottom:clamp(44px,5vw,68px)!important;
perspective:1200px;cursor:grab;touch-action:pan-x pan-y;
}
.collection .collection-rail::-webkit-scrollbar{display:none}
.collection .collection-rail.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}
.collection .collection-rail .carpet-card{
flex:0 0 clamp(360px,34vw,590px)!important;width:auto!important;max-width:none!important;
scroll-snap-align:center;scroll-snap-stop:always;
transform:perspective(1200px) scale(var(--rail-scale,1)) rotateY(var(--rail-rotate,0deg));
filter:blur(var(--rail-blur,0px));opacity:var(--rail-opacity,1);
transform-origin:center center;will-change:transform,filter,opacity;
transition:transform 420ms var(--md-sys-motion-emphasized,ease),filter 360ms var(--md-sys-motion-standard,ease),opacity 280ms var(--md-sys-motion-standard,ease),border-color 220ms var(--md-sys-motion-standard,ease),box-shadow 280ms var(--md-sys-motion-standard,ease)!important;
box-shadow:none!important;background:#fff!important
}
.collection .collection-rail .carpet-card.is-rail-active{
border-color:rgba(25,25,25,.24)!important;box-shadow:0 10px 28px rgba(0,0,0,.055)!important;z-index:3
}
.collection .collection-rail .carpet-card>.card-image{touch-action:pan-x pan-y!important}
.collection .collection-rail .card-image img,.collection .collection-rail .card-image video{object-fit:cover!important}
.collection .collection-rail .card-caption{background:#fff!important}
.collection .collection-rail .carpet-card:hover{transform:perspective(1200px) scale(var(--rail-scale,1)) rotateY(var(--rail-rotate,0deg))!important}
.collection .collection-rail .carpet-card:hover img{transform:none!important;filter:none!important}
.collection .collection-rail .view-icon{display:none!important}
.collection .collection-rail .video-experience-icon{bottom:calc(var(--hajari-card-caption-h,54px) + 8px)!important}
/* Long press is a progressive gesture; a normal tap stays a normal product-link tap. */
.collection .collection-rail .carpet-card.has-video-experience>.card-image{touch-action:pan-x pan-y!important}
.collection .collection-rail .carpet-card.is-pressing{border-color:rgba(25,25,25,.30)!important}
.collection .collection-rail .carpet-card.is-pressing>.card-image{box-shadow:inset 0 0 0 1px rgba(25,25,25,.18)!important}
@media(max-width:599px){
.collection-rail-hint{font-size:11px;padding-top:10px}
.collection .collection-rail{gap:14px!important;padding-top:18px!important;padding-bottom:48px!important}
.collection .collection-rail .carpet-card{flex-basis:min(78vw,560px)!important}
.collection .collection-rail .video-experience-icon{bottom:calc(var(--hajari-card-caption-h-compact,48px) + 4px)!important}
}
@media(min-width:600px) and (max-width:839px){
.collection .collection-rail .carpet-card{flex-basis:min(64vw,580px)!important}
}
@media(min-width:840px){
.collection-rail-hint{font-size:11px;padding-top:14px}
.collection .collection-rail .carpet-card{flex-basis:clamp(390px,34vw,590px)!important}
}
@media(prefers-reduced-motion:reduce){
.collection .collection-rail{scroll-behavior:auto!important}
.collection .collection-rail .carpet-card{transform:none!important;filter:none!important;opacity:1!important}
.collection-rail-hint{transition:none!important}
}
/* Optional editorial text slider below the carpet rail */
.collection-detail-slider{position:relative;min-height:132px;margin:4px auto 54px;border-top:1px solid var(--md-sys-color-outline-variant,#deded8);border-bottom:1px solid var(--md-sys-color-outline-variant,#deded8);overflow:hidden;touch-action:pan-y;background:#fff}
.collection-detail-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px clamp(18px,5vw,72px);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity 700ms var(--md-sys-motion-standard,ease),transform 700ms var(--md-sys-motion-emphasized,ease)}
.collection-detail-slide.is-active{opacity:1;transform:none;pointer-events:auto}
.collection-detail-slide h3{margin:0 0 7px;font-size:clamp(16px,1.6vw,23px);font-weight:500;line-height:1.5}
.collection-detail-slide p{margin:0;max-width:760px;color:var(--md-sys-color-on-surface-variant,#666);font-size:13px;line-height:1.9}
@media(max-width:599px){.collection-detail-slider{min-height:148px;margin-bottom:42px}.collection-detail-slide{padding:22px 18px}.collection-detail-slide h3{font-size:17px}.collection-detail-slide p{font-size:12px;line-height:1.95}}
/* 2026-09-12 — Final rail hint + event-frame alignment */
.collection-rail-hint{
min-height:30px!important;
padding:6px 0 0!important;
gap:8px!important;
color:#3f3f3b!important;
font-size:13px!important;
font-weight:500!important;
line-height:1.35!important;
letter-spacing:0!important;
}
.collection-rail-hint em{font-weight:500!important;color:#3f3f3b!important}
.collection-rail-hint span{color:#74746f!important;font-size:15px!important}
.collection-rail-hint.is-used{opacity:.38!important;transform:translateY(-1px)!important}
.collection .collection-rail{padding-top:12px!important}
@media(max-width:599px){
.collection-rail-hint{font-size:12px!important;padding-top:5px!important}
.collection .collection-rail{padding-top:9px!important}
}
/* Events: one consistent M3 outlined frame, fixed media viewport, no image/frame mismatch. */
.home-events .event-grid,.events-page .event-grid{
width:min(100%,1180px)!important;
max-width:1180px!important;
margin-inline:auto!important;
align-items:stretch!important;
gap:clamp(14px,1.8vw,24px)!important;
}
.event-grid .event-card{
display:grid!important;
grid-template-rows:auto minmax(52px,auto)!important;
align-self:stretch!important;
overflow:hidden!important;
border:1px solid var(--md-sys-color-outline-variant,#deded8)!important;
border-radius:14px!important;
background:#fff!important;
box-shadow:none!important;
}
.event-grid .event-card .card-image{
position:relative!important;
width:100%!important;
height:auto!important;
aspect-ratio:16/10!important;
max-height:none!important;
overflow:hidden!important;
border-radius:13px 13px 0 0!important;
background:var(--md-sys-color-surface-container-low,#f7f7f4)!important;
}
.event-grid .event-card .card-image img,
.event-grid .event-card .card-image video{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center!important;
}
.event-grid .event-card h3{
margin:0!important;
min-height:52px!important;
padding:12px 14px 13px!important;
display:flex!important;
align-items:center!important;
font-weight:500!important;
line-height:1.45!important;
background:#fff!important;
}
@media(max-width:760px){
.home-events .event-grid,.events-page .event-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.event-grid .event-card{border-radius:11px!important}
.event-grid .event-card .card-image{aspect-ratio:4/3!important;border-radius:10px 10px 0 0!important}
.event-grid .event-card h3{min-height:48px!important;padding:10px 10px 11px!important}
}
@media(max-width:420px){
.home-events .event-grid,.events-page .event-grid{grid-template-columns:1fr!important;max-width:520px!important}
}
/* 2026-09-12 — Desktop framed rail + compact animated hint */
.collection-rail-hint{
margin:0!important;
color:#343432!important;
font-weight:550!important;
}
.collection-rail-hint em{color:#343432!important;font-weight:550!important}
.collection-rail-hint span{display:inline-block;color:#6f6f6a!important;will-change:transform,opacity}
@keyframes hajariHintLeft{0%,100%{transform:translateX(0);opacity:.58}50%{transform:translateX(-3px);opacity:.95}}
@keyframes hajariHintRight{0%,100%{transform:translateX(0);opacity:.58}50%{transform:translateX(3px);opacity:.95}}
@keyframes hajariHintText{0%,100%{opacity:.72}50%{opacity:1}}
.collection-rail-hint span:first-child{animation:hajariHintLeft 2.6s var(--md-sys-motion-standard,ease-in-out) infinite}
.collection-rail-hint span:last-child{animation:hajariHintRight 2.6s var(--md-sys-motion-standard,ease-in-out) infinite}
.collection-rail-hint em{animation:hajariHintText 2.6s var(--md-sys-motion-standard,ease-in-out) infinite}
.collection-rail-hint.is-used span,.collection-rail-hint.is-used em{animation:none!important}
@media(max-width:599px){
.collection-rail-hint{
min-height:24px!important;
padding:2px 0 0!important;
margin-bottom:-6px!important;
font-size:12px!important;
line-height:1.2!important;
}
.collection .collection-rail{
padding-top:5px!important;
}
}
/* Desktop: the rail gets a deliberate viewport/frame instead of floating into empty page space. */
@media(min-width:840px){
.collection-rail-section{
position:relative;
}
.collection-rail-hint{
padding-top:7px!important;
margin-bottom:2px!important;
font-size:12px!important;
}
.collection .collection-rail{
width:min(96vw,1800px)!important;
max-width:min(96vw,1800px)!important;
margin-inline:auto!important;
box-sizing:border-box!important;
border:1px solid var(--md-sys-color-outline-variant,#deded8)!important;
border-radius:18px!important;
background:linear-gradient(180deg,#fff 0%,#fcfcfb 100%)!important;
padding-top:26px!important;
padding-bottom:30px!important;
box-shadow:0 1px 0 rgba(0,0,0,.018),0 12px 36px rgba(0,0,0,.025)!important;
scroll-padding-inline:clamp(28px,4vw,72px)!important;
}
.collection .collection-rail .carpet-card{
flex-basis:clamp(360px,28vw,520px)!important;
border-radius:14px!important;
}
.collection .collection-rail .carpet-card:not(.is-rail-active){
box-shadow:none!important;
}
.collection .collection-rail .carpet-card.is-rail-active{
border-color:rgba(25,25,25,.24)!important;
box-shadow:0 14px 34px rgba(0,0,0,.065)!important;
}
}
/* Desktop/tablet event cards: explicit landscape frame and aligned container. */
@media(min-width:840px){
.home-events .event-grid,.events-page .event-grid{
width:min(92vw,1440px)!important;
max-width:1440px!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:clamp(18px,1.7vw,28px)!important;
}
.event-grid .event-card{
border-radius:12px!important;
}
.event-grid .event-card .card-image{
aspect-ratio:16/9!important;
border-radius:11px 11px 0 0!important;
}
}
@media(prefers-reduced-motion:reduce){
.collection-rail-hint span,.collection-rail-hint em{animation:none!important}
}
/* 2026-09-12 — Rail/event proportion + alignment refinement */
/* Shared desktop visual width: events and carpet rail sit on the same centered axis. */
@media(min-width:840px){
.home-events .event-grid,
.events-page .event-grid,
.collection .collection-rail{
width:min(94vw,1680px)!important;
max-width:min(94vw,1680px)!important;
position:relative!important;
left:50%!important;
transform:translateX(-50%)!important;
margin-left:0!important;
margin-right:0!important;
}
/* Events are deliberately square again — no thin landscape cards. */
.home-events .event-grid,
.events-page .event-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:clamp(18px,1.65vw,28px)!important;
}
.event-grid .event-card{
border-radius:14px!important;
overflow:hidden!important;
}
.event-grid .event-card .card-image{
aspect-ratio:1/1!important;
max-height:none!important;
border-radius:13px 13px 0 0!important;
}
.event-grid .event-card h3{
min-height:50px!important;
padding:11px 14px 12px!important;
}
.collection .collection-rail{
border-radius:18px!important;
scroll-padding-inline:clamp(30px,4vw,76px)!important;
}
}
/* Mobile: tighter event→collection rhythm, but keep a little air after the divider before the gesture hint. */
@media(max-width:599px){
.home-events{margin-bottom:10px!important}
.home-events .event-grid{padding-bottom:8px!important}
.collection-rail-section>.section-heading{margin-top:0!important}
.collection-rail-hint{
padding-top:10px!important;
margin-bottom:0!important;
min-height:30px!important;
color:#363633!important;
font-weight:560!important;
}
.collection .collection-rail{padding-top:5px!important}
}
/* Hint is instructional only: arrows move subtly; cards themselves only nudge once via JS. */
@keyframes hajariHintLeftSoft{0%,100%{transform:translateX(0);opacity:.62}50%{transform:translateX(-4px);opacity:1}}
@keyframes hajariHintRightSoft{0%,100%{transform:translateX(0);opacity:.62}50%{transform:translateX(4px);opacity:1}}
.collection-rail-hint span:first-child{animation:hajariHintLeftSoft 2.8s cubic-bezier(.2,0,0,1) infinite!important}
.collection-rail-hint span:last-child{animation:hajariHintRightSoft 2.8s cubic-bezier(.2,0,0,1) infinite!important}
.collection-rail-hint em{animation:none!important;opacity:.88!important}
.collection-rail-hint.is-used span,.collection-rail-hint.is-used em{animation:none!important}
@media(prefers-reduced-motion:reduce){
.collection-rail-hint span{animation:none!important}
}
/* ===== 2026-09-12 — Collection gesture intro + aligned square events ===== */
.collection-rail-hint{display:none!important}
.collection-rail-section{position:relative!important;--hajari-rail-w:min(96vw,1800px)}
.collection-rail-shell{
position:relative;
width:var(--hajari-rail-w);
max-width:var(--hajari-rail-w);
margin-inline:auto;
overflow:hidden;
border:1px solid var(--md-sys-color-outline-variant,#deded8);
border-radius:18px;
background:#fff;
box-shadow:0 1px 0 rgba(0,0,0,.018),0 12px 36px rgba(0,0,0,.025);
}
.collection .collection-rail{
width:100%!important;
max-width:100%!important;
margin:0!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
background:#fff!important;
padding-top:28px!important;
padding-bottom:30px!important;
transition:filter 520ms var(--md-sys-motion-standard,ease),opacity 520ms var(--md-sys-motion-standard,ease)!important;
}
.collection .collection-rail.gesture-blurred{
filter:blur(2.2px) brightness(.84) saturate(.92)!important;
opacity:.9;
}
.collection-gesture-overlay{
position:absolute;
inset:0;
z-index:30;
display:grid;
place-items:center;
background:rgba(20,20,18,.16);
backdrop-filter:blur(2.6px);
-webkit-backdrop-filter:blur(2.6px);
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity 360ms var(--md-sys-motion-standard,ease),visibility 0s linear 360ms;
}
.collection-gesture-overlay.is-visible{
opacity:1;
visibility:visible;
transition:opacity 360ms var(--md-sys-motion-standard,ease),visibility 0s;
}
.collection-gesture-message{
display:flex;
align-items:center;
justify-content:center;
gap:clamp(14px,2.2vw,28px);
color:#fff;
text-shadow:0 1px 18px rgba(0,0,0,.18);
font-size:clamp(15px,1.45vw,21px);
font-weight:500;
line-height:1.3;
letter-spacing:.01em;
transform:translateY(4px) scale(.98);
opacity:0;
transition:opacity 420ms var(--md-sys-motion-standard,ease),transform 520ms var(--md-sys-motion-emphasized,ease);
}
.collection-gesture-overlay.is-visible .collection-gesture-message{opacity:1;transform:none}
.collection-gesture-message em{font-style:normal;white-space:nowrap}
.gesture-arrow{display:inline-block;font:400 22px/1 Arial,sans-serif;opacity:.92;will-change:transform}
.collection-gesture-overlay.is-visible .gesture-arrow-left{animation:hajariGestureLeft 1.15s var(--md-sys-motion-emphasized,ease) 1 .22s both}
.collection-gesture-overlay.is-visible .gesture-arrow-right{animation:hajariGestureRight 1.15s var(--md-sys-motion-emphasized,ease) 1 .22s both}
@keyframes hajariGestureLeft{0%{transform:translateX(0);opacity:.55}45%{transform:translateX(-12px);opacity:1}100%{transform:translateX(-5px);opacity:.8}}
@keyframes hajariGestureRight{0%{transform:translateX(0);opacity:.55}45%{transform:translateX(12px);opacity:1}100%{transform:translateX(5px);opacity:.8}}
/* Events: same horizontal frame as the collection rail, square media on every breakpoint. */
.home-events .event-grid,.events-page .event-grid{
width:var(--hajari-rail-w,min(96vw,1800px))!important;
max-width:var(--hajari-rail-w,min(96vw,1800px))!important;
margin-inline:auto!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:clamp(14px,1.7vw,24px)!important;
}
.event-grid .event-card .card-image{
aspect-ratio:1/1!important;
height:auto!important;
max-height:none!important;
}
@media(max-width:760px){
.collection-rail-section{--hajari-rail-w:calc(100vw - 24px)}
.collection-rail-shell{border-radius:12px}
.collection .collection-rail{padding-top:18px!important;padding-bottom:22px!important}
.collection-gesture-message{font-size:14px;gap:14px}
.gesture-arrow{font-size:19px}
.home-events .event-grid,.events-page .event-grid{
width:100%!important;
max-width:100%!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:12px!important;
}
.event-grid .event-card .card-image{aspect-ratio:1/1!important}
/* Bring the collection closer to the event strip on mobile without crowding the labels. */
.home-events{margin-bottom:clamp(18px,5vw,28px)!important}
.collection-rail-section .section-heading{margin-bottom:10px!important}
}
@media(max-width:420px){
.home-events .event-grid,.events-page .event-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(prefers-reduced-motion:reduce){
.collection-gesture-overlay,.collection-gesture-message,.gesture-arrow{animation:none!important;transition:none!important}
.collection .collection-rail.gesture-blurred{filter:none!important;opacity:1!important}
}
/* ===== 2026-09-12 precise alignment + mobile-free rail + gesture lesson ===== */
/* Keep the whole home composition on the same axis. */
.collection-rail-section{--hajari-rail-w:100%!important;position:relative!important}
.collection-rail-shell,
.home-events .event-grid,
.events-page .event-grid{
width:100%!important;
max-width:100%!important;
margin-left:0!important;
margin-right:0!important;
margin-inline:0!important;
left:auto!important;
right:auto!important;
transform:none!important;
}
/* Desktop/tablet: one subtle frame only around the carpet rail. */
.collection-rail-shell{
position:relative!important;
overflow:hidden!important;
border:1px solid var(--md-sys-color-outline-variant,#deded8)!important;
border-radius:16px!important;
background:#fff!important;
box-shadow:none!important;
}
.collection .collection-rail{
direction:ltr!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
background:#fff!important;
overflow-x:auto!important;
overflow-y:hidden!important;
scroll-snap-type:x mandatory!important;
overscroll-behavior-inline:contain!important;
scrollbar-width:none!important;
-webkit-overflow-scrolling:touch!important;
scroll-behavior:smooth!important;
}
.collection .collection-rail::-webkit-scrollbar{display:none!important}
.collection .collection-rail .carpet-card{scroll-snap-align:center!important;scroll-snap-stop:normal!important}
html[dir="rtl"] .collection .collection-rail .carpet-card{direction:rtl!important}
html[dir="ltr"] .collection .collection-rail .carpet-card{direction:ltr!important}
/* The instruction is a temporary solid veil, not a moving carousel. */
.collection-gesture-overlay{
position:absolute!important;
inset:0!important;
z-index:40!important;
display:grid!important;
place-items:center!important;
background:rgba(18,18,17,.24)!important;
backdrop-filter:blur(3px)!important;
-webkit-backdrop-filter:blur(3px)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transition:opacity 360ms cubic-bezier(.2,0,0,1),visibility 0s linear 360ms!important;
}
.collection-gesture-overlay.is-visible{opacity:1!important;visibility:visible!important;transition:opacity 360ms cubic-bezier(.2,0,0,1),visibility 0s!important}
.collection .collection-rail.gesture-blurred{filter:blur(2.4px) brightness(.80) saturate(.9)!important;opacity:.88!important;transition:filter 420ms cubic-bezier(.2,0,0,1),opacity 420ms cubic-bezier(.2,0,0,1)!important}
.collection-gesture-message{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;color:#fff!important;font-size:clamp(14px,1.25vw,18px)!important;font-weight:550!important;line-height:1.3!important;letter-spacing:0!important;text-shadow:0 1px 14px rgba(0,0,0,.18)!important;opacity:0!important;transform:translateY(6px)!important;transition:opacity 380ms cubic-bezier(.2,0,0,1),transform 480ms cubic-bezier(.2,0,0,1)!important}
.collection-gesture-overlay.is-visible .collection-gesture-message{opacity:1!important;transform:none!important}
.collection-gesture-message em{font-style:normal!important;white-space:nowrap!important}
.gesture-arrow{display:inline-block!important;font:400 20px/1 Arial,sans-serif!important;opacity:.92!important}
.collection-gesture-overlay.is-visible .gesture-arrow-left{animation:hajariOverlayArrowLeft 1.1s cubic-bezier(.2,0,0,1) 1 .16s both!important}
.collection-gesture-overlay.is-visible .gesture-arrow-right{animation:hajariOverlayArrowRight 1.1s cubic-bezier(.2,0,0,1) 1 .16s both!important}
@keyframes hajariOverlayArrowLeft{0%{transform:translateX(0);opacity:.58}50%{transform:translateX(-9px);opacity:1}100%{transform:translateX(-3px);opacity:.88}}
@keyframes hajariOverlayArrowRight{0%{transform:translateX(0);opacity:.58}50%{transform:translateX(9px);opacity:1}100%{transform:translateX(3px);opacity:.88}}
/* Events: square media everywhere; desktop aligns exactly with the collection below. */
.home-events .event-grid,.events-page .event-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(16px,1.7vw,24px)!important;padding-left:0!important;padding-right:0!important}
.event-grid .event-card{min-width:0!important;overflow:hidden!important}
.event-grid .event-card .card-image{width:100%!important;height:auto!important;aspect-ratio:1/1!important;max-height:none!important;overflow:hidden!important}
.event-grid .event-card .card-image img,.event-grid .event-card .card-image video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
/* Mobile keeps the good free/full-bleed feeling: NO rail frame. Events are large 1:1 cards. */
@media(max-width:760px){
.collection-rail-shell{
width:100vw!important;
max-width:100vw!important;
margin-left:50%!important;
margin-right:0!important;
transform:translateX(-50%)!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
overflow:hidden!important;
background:#fff!important;
}
.collection .collection-rail{padding-top:14px!important;padding-bottom:22px!important;gap:14px!important}
.collection .collection-rail .carpet-card{flex-basis:min(78vw,520px)!important}
.collection-gesture-message{font-size:14px!important;gap:14px!important;padding-inline:18px!important;text-align:center!important}
.gesture-arrow{font-size:19px!important}
.home-events{margin-bottom:10px!important}
.home-events .event-grid,.events-page .event-grid{
display:grid!important;
grid-template-columns:1fr!important;
width:100%!important;
max-width:100%!important;
gap:16px!important;
padding:10px 0 8px!important;
}
.home-events .event-card,.events-page .event-card{
border:0!important;
border-radius:0!important;
box-shadow:none!important;
background:transparent!important;
overflow:visible!important;
}
.home-events .event-card .card-image,.events-page .event-card .card-image{
aspect-ratio:1/1!important;
border-radius:0!important;
overflow:hidden!important;
}
.home-events .event-card h3,.events-page .event-card h3{padding:9px 0 0!important;margin:0!important;min-height:0!important}
.collection-rail-section>.section-heading{margin-top:0!important}
/* Burger first, language second; logo stays genuinely centered. */
.mobile-menu-cluster{direction:ltr!important;left:0!important;right:auto!important;display:flex!important;align-items:center!important;gap:8px!important}
.mobile-menu-cluster .site-menu-toggle{order:1!important}
.mobile-menu-cluster .mobile-language-toggle{order:2!important}
.site-header .brand{left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important}
}
@media(prefers-reduced-motion:reduce){
.collection-gesture-overlay,.collection-gesture-message,.gesture-arrow{animation:none!important;transition:none!important}
.collection .collection-rail.gesture-blurred{filter:none!important;opacity:1!important}
}
/* Collection interaction and spacing — single final authority for this patch. */
.home-page{--collection-space:clamp(48px,5.6vw,80px);padding-bottom:var(--collection-space)!important}
.home-page .collection-rail-section{margin-bottom:0!important}
.home-page .collection-rail-section>.section-heading{margin:0 0 clamp(16px,2vw,24px)!important}
.home-page .collection-detail-slider{margin-top:clamp(24px,3vw,40px)!important}
.collection .collection-rail{
position:relative!important;left:auto!important;right:auto!important;transform:none!important;scroll-padding-inline:0!important;scroll-behavior:auto!important;scroll-snap-type:none!important;
padding-top:clamp(20px,2.5vw,32px)!important;padding-bottom:clamp(20px,2.5vw,32px)!important;
touch-action:pan-x pan-y pinch-zoom!important;filter:blur(0)!important;opacity:1!important;
transition:filter 440ms cubic-bezier(.2,0,0,1)!important;
cursor:grab;user-select:none;-webkit-user-select:none;
}
.collection .collection-rail.is-dragging{cursor:grabbing!important;scroll-behavior:auto!important;scroll-snap-type:none!important}
.collection .collection-rail.is-dragging *{cursor:grabbing!important}
.collection .collection-rail .carpet-card{filter:none!important}
.collection .collection-rail .carpet-card.is-rail-active{box-shadow:0 8px 20px -10px rgba(0,0,0,.10)!important}
.collection .collection-rail .carpet-card>.card-image{touch-action:pan-x pan-y pinch-zoom!important;-webkit-user-drag:none}
.collection .collection-rail:focus-visible{outline:2px solid #555;outline-offset:-3px}
.collection .collection-rail.gesture-blurred{filter:blur(9px)!important;opacity:1!important;transition:filter 440ms cubic-bezier(.2,0,0,1)!important}
.collection-gesture-overlay{
background:rgba(18,18,18,.18)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
transition:opacity 440ms cubic-bezier(.2,0,0,1),visibility 0s linear 440ms!important;
}
.collection-gesture-overlay.is-visible{transition:opacity 440ms cubic-bezier(.2,0,0,1),visibility 0s!important}
.collection-gesture-message{direction:ltr!important;max-width:100%;padding:20px!important;gap:16px!important;line-height:1.8!important}
.collection-gesture-message em{white-space:normal!important;text-align:center}
html[dir="rtl"] .collection-gesture-message em{direction:rtl}
@media(min-width:761px){
.collection-rail-shell{padding-inline:clamp(8px,1vw,12px)!important}
.collection-rail-shell::before,.collection-rail-shell::after{content:"";position:absolute;top:0;bottom:0;width:12px;z-index:8;pointer-events:none}
.collection-rail-shell::before{left:clamp(8px,1vw,12px);background:linear-gradient(to right,rgba(255,255,255,.28),rgba(255,255,255,0))}
.collection-rail-shell::after{right:clamp(8px,1vw,12px);background:linear-gradient(to left,rgba(255,255,255,.28),rgba(255,255,255,0))}
.collection .collection-rail{padding-top:24px!important;padding-bottom:28px!important}
}
@media(max-width:760px){
.collection-rail-shell{width:100vw!important;max-width:100vw!important;margin-left:calc((100% - 100vw)/2)!important;margin-right:calc((100% - 100vw)/2)!important;transform:none!important}
.collection .collection-rail{padding-top:16px!important;padding-bottom:20px!important}
}
@media(prefers-reduced-motion:reduce){
.collection .collection-rail,.collection .collection-rail.gesture-blurred{transition:none!important}
.collection-gesture-overlay,.collection-gesture-message,.gesture-arrow{animation:none!important;transition:none!important}
.collection-gesture-overlay.is-visible .gesture-arrow{animation:none!important}
}
/* Mobile: small, direct scale changes without a trailing 3D animation. */
@media(hover:none),(pointer:coarse){
.collection .collection-rail{perspective:none!important}
.collection .collection-rail .carpet-card,
.collection .collection-rail .carpet-card:hover{
transform:scale(var(--rail-scale,1))!important;
opacity:1!important;
transition:border-color 220ms ease!important;
will-change:transform!important;
}
.collection .collection-rail .carpet-card,
.collection .collection-rail .carpet-card:not(.is-rail-active),
.collection .collection-rail .carpet-card.is-rail-active{box-shadow:0 5px 14px -10px rgba(0,0,0,.09)!important}
}
@media(prefers-reduced-motion:reduce){
.collection .collection-rail .carpet-card,
.collection .collection-rail .carpet-card:hover{transform:none!important;transition:none!important}
}
/* Desktop frame depth: clean photographs, subtle contact shadows. */
@media(min-width:761px) and (hover:hover) and (pointer:fine){
.collection-rail-shell{
border-color:rgba(25,25,25,.12)!important;
box-shadow:0 1px 2px rgba(0,0,0,.025),0 7px 16px -12px rgba(0,0,0,.14)!important;
}
.collection-rail-shell::before,.collection-rail-shell::after{
top:24px;bottom:28px;width:10px;
backdrop-filter:none;-webkit-backdrop-filter:none;
mask-image:none;-webkit-mask-image:none;
}
.collection-rail-shell::before{
background:linear-gradient(to right,rgba(0,0,0,.055),rgba(0,0,0,.018) 35%,transparent);
}
.collection-rail-shell::after{
background:linear-gradient(to left,rgba(0,0,0,.055),rgba(0,0,0,.018) 35%,transparent);
}
}
/* 2026-09-12 — mobile event cards use the same Material outlined-card language as desktop. */
@media(max-width:760px){
.home-events .event-card,.events-page .event-card{
border:1px solid var(--md-sys-color-outline-variant,#d9d9d4)!important;
border-radius:14px!important;
box-shadow:none!important;
background:#fff!important;
overflow:hidden!important;
}
.home-events .event-card .card-image,.events-page .event-card .card-image{
aspect-ratio:1/1!important;
border-radius:13px 13px 0 0!important;
overflow:hidden!important;
}
.home-events .event-card h3,.events-page .event-card h3{
min-height:50px!important;
padding:11px 14px 13px!important;
margin:0!important;
display:flex!important;
align-items:center!important;
}
}
/* 2026-09-12 — classic HAJARI cards: square, restrained, no rounded/pill silhouette. */
.catalog-grid .carpet-card,
.event-grid .event-card,
.collection .collection-rail .carpet-card,
.home-events .event-card,
.events-page .event-card{
border-radius:0!important;
}
.catalog-grid .carpet-card>.card-image,
.event-grid .event-card>.card-image,
.collection .collection-rail .carpet-card>.card-image,
.home-events .event-card>.card-image,
.events-page .event-card>.card-image{
border-radius:0!important;
}
/* One-time mobile onboarding for long-press Video Experience. */
.video-hold-onboarding{
position:absolute;
z-index:8;
left:50%;
bottom:68px;
transform:translate(-50%,6px);
opacity:0;
pointer-events:none;
white-space:nowrap;
padding:7px 10px;
background:rgba(255,255,255,.94);
color:#242424;
border:1px solid rgba(25,25,25,.14);
border-radius:2px;
box-shadow:0 5px 18px rgba(0,0,0,.07);
font-size:11px;
font-weight:500;
line-height:1.2;
transition:opacity 280ms var(--md-sys-motion-standard,ease),transform 360ms var(--md-sys-motion-emphasized,ease);
backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(5px);
}
.video-hold-onboarding.is-visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:761px){.video-hold-onboarding{display:none!important}}
@media(prefers-reduced-motion:reduce){.video-hold-onboarding{transition:none!important}}
/* Readable, quiet long-press instruction; retain square card corners. */
@media(hover:none),(pointer:coarse){
.video-hold-onboarding{display:block!important;max-width:calc(100% - 32px);width:max-content;white-space:normal;text-align:center;font-size:14px;line-height:1.7;padding:8px 12px;bottom:72px;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(min-width:761px) and (hover:hover) and (pointer:fine){
.collection-rail-shell::before,.collection-rail-shell::after{width:14px}
.collection-rail-shell::before{background:linear-gradient(to right,rgba(0,0,0,.085),rgba(0,0,0,.025) 40%,transparent)}
.collection-rail-shell::after{background:linear-gradient(to left,rgba(0,0,0,.085),rgba(0,0,0,.025) 40%,transparent)}
.collection .collection-rail .carpet-card.is-rail-active{box-shadow:0 9px 22px -12px rgba(0,0,0,.19)!important}
}
/* Square outer collection frame. */
.collection-rail-section .collection-rail-shell{border-radius:0!important}
/* Minimal photo loading: soft neutral surface and a small, slow indicator. */
.image-shell::after{
content:"";position:absolute;inset:0;background:#f6f6f4;
opacity:0;visibility:hidden;pointer-events:none;z-index:5;
transition:opacity 320ms ease,visibility 0s linear 320ms;
}
.image-shell.media-loading::after{opacity:1;visibility:visible;transition:none}
.image-shell.media-loading::before{
content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;
margin:-8px 0 0 -8px;border:1px solid rgba(25,25,25,.10);
border-top-color:rgba(25,25,25,.36);border-radius:50%;
z-index:6;pointer-events:none;animation:hajariPhotoLoading 1.4s linear infinite;
}
@keyframes hajariPhotoLoading{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
.image-shell::after{transition:none}
.image-shell.media-loading::before{animation:none}
}
/* Consistent square imagery across public detail pages and viewers. */
body:not(.admin-body) :is(.image-shell,.gallery-image,.gallery-image img,.about-photo,.about-photo img,.card-image,.card-image img,.card-image video,.lightbox-media,#lightbox-image,.video-dialog-shell,.video-experience-player,.experience-stage-surface,.experience-stage-preview,.experience-stage-preview-media,.experience-stage-video){border-radius:0!important}
body:not(.admin-body) :is(#lightbox,#video-experience-dialog){border-radius:0!important}
body:not(.admin-body) :is(.product-page,.story-page,.events-page,.not-found) :is(.button,.text-button,select){border-radius:0!important;min-height:48px!important;font-size:14px;line-height:1.6;transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease!important}
body:not(.admin-body) :is(.product-page,.story-page,.events-page,.not-found) :is(.button,.text-button):active{transform:none!important}
body:not(.admin-body) .back{display:inline-flex;align-items:center;min-height:44px;line-height:1.6}
body:not(.admin-body) .order-panel{display:flex;flex-direction:column;gap:12px}
body:not(.admin-body) :is(.lightbox-nav,#close-lightbox,#close-video-experience,.experience-stage-close){border-radius:0!important;min-width:44px!important;min-height:44px!important}
body:not(.admin-body) :is(.button,.text-button,.back,select,.lightbox-nav,#close-lightbox,#close-video-experience,.experience-stage-close,.contact-trigger,.footer-studio-trigger):focus-visible{outline:2px solid #555!important;outline-offset:3px}
/* Footer popovers stay anchored; no scale/position animation on touch. */
.footer .contact-wrap,.footer .footer-studio-credit{position:relative!important;flex-shrink:0}
.footer .contact-popover,.footer .footer-studio-popover{
position:absolute!important;inset:auto!important;left:50%!important;right:auto!important;bottom:calc(100% + 10px)!important;
transform:translateX(calc(-50% + var(--popover-shift,0px)))!important;translate:none!important;
animation:none!important;transition:none!important;border-radius:0!important;
max-width:calc(100vw - 32px)!important;z-index:30!important;
box-shadow:0 4px 14px rgba(0,0,0,.07)!important;
}
.footer .footer-studio-popover::after{display:none!important}
.footer .contact-trigger{border-radius:0!important;transform:none!important;min-height:48px!important;transition:color 160ms ease!important}
.footer .contact-trigger:hover,.footer .contact-trigger:active{transform:none!important;background:transparent!important;color:#666!important}
/* About page: readable text and a consistent rectangular gallery. */
.story-page.about-page{padding-bottom:clamp(48px,6vw,80px)!important}
.about-page>.back{margin-block:12px 8px;padding:8px 0!important;font-size:14px;text-underline-offset:5px}
.about-page .story-heading{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);gap:clamp(24px,5vw,72px);align-items:start;padding:24px 0 40px}
.about-page .story-heading h1{margin:0;font-size:clamp(24px,2.4vw,34px);line-height:1.65;letter-spacing:0}
.about-page .story-copy{max-width:68ch;padding:0;white-space:normal;color:#454545;text-align:start}
.about-page .story-copy p{margin:0 0 1.2em;font-size:max(16px,var(--reading-size,16px));line-height:1.95;white-space:pre-line}
.about-page .story-copy p:last-child{margin-bottom:0}
html[lang="en"] .about-page .story-copy p{line-height:1.75}
.about-page .gallery{width:100%;max-width:none;margin:0;gap:clamp(16px,2vw,24px)}
.about-page .gallery-image{border-radius:0!important;background:#f6f6f4!important;min-width:0}
.about-page .gallery-image img{display:block;width:100%;height:auto;aspect-ratio:auto;max-height:none;object-fit:contain}
.about-page .gallery-image:focus-visible{outline:2px solid #555;outline-offset:3px}
@media(max-width:760px){
.about-page .story-heading{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px 0 28px}
.about-page .story-copy{max-width:100%}
.about-page .gallery{grid-template-columns:minmax(0,1fr);gap:16px}
}
/* Touch video links: no iOS link-preview callout; retain native scrolling. */
@media(hover:none),(pointer:coarse){
.carpet-card.has-video-experience .card-image,
.carpet-card.has-video-experience .card-image *{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}
.carpet-card.has-video-experience{position:relative}
.carpet-card.has-video-experience.is-pressing::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:#555;z-index:12;pointer-events:none;transform-origin:center;animation:hajariHoldProgress 1s linear both}
}
@keyframes hajariHoldProgress{from{transform:scaleX(0);opacity:.4}to{transform:scaleX(1);opacity:.8}}
.experience-play-retry{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;min-height:48px;padding:12px 24px;background:#fff;color:#191919;border:1px solid #ddd;border-radius:0;font:inherit;cursor:pointer}
.experience-play-retry[hidden]{display:none!important}
/* Entry: quiet photographic composition, clear typography and restrained motion. */
.entry-hero .entry-shade{background:linear-gradient(180deg,rgba(0,0,0,.22),transparent 32%,transparent 58%,rgba(0,0,0,.28))!important}
.entry-hero .entry-topbar{padding-inline:clamp(20px,3vw,48px)!important}
.entry-hero .entry-brand-word{font-size:clamp(26px,2.4vw,38px)!important;letter-spacing:.11em!important;font-weight:400!important}
.entry-hero .entry-brand{animation:hajariEntryReveal 800ms ease both}
.entry-hero .entry-copy{left:50%!important;right:auto!important;bottom:clamp(126px,19vh,210px)!important;transform:translateX(-50%)!important;width:calc(100% - 48px);max-width:680px!important;text-align:center!important}
.entry-hero .entry-copy-title{max-width:none!important;font-size:clamp(24px,3vw,42px)!important;line-height:1.5!important;letter-spacing:0!important;margin:8px 0!important}
.entry-hero .entry-copy-subtitle{font-size:14px!important;line-height:1.8!important;opacity:.88}
.entry-hero .entry-enter{left:50%!important;right:auto!important;top:auto!important;bottom:calc(clamp(32px,7vh,76px) + env(safe-area-inset-bottom,0px))!important;min-height:48px!important;padding:12px 4px!important;font-size:var(--entry-cta-size-desktop,16px)!important;line-height:1.7!important;letter-spacing:0!important}
.entry-hero .entry-enter i{opacity:.6!important;transform:scaleX(.65);transition:transform 300ms ease,opacity 300ms ease!important}
@media(hover:hover){.entry-hero .entry-enter:hover i{transform:scaleX(1);opacity:1!important}}
@keyframes hajariEntryReveal{from{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}
@media(max-width:760px){
.entry-hero .entry-enter{font-size:var(--entry-cta-size-mobile,16px)!important}
.entry-hero .entry-copy{bottom:clamp(120px,23vh,190px)!important}
}
@media(max-height:500px){.entry-hero .entry-copy{bottom:90px!important}.entry-hero .entry-copy-title{font-size:24px!important}.entry-hero .entry-enter{bottom:16px!important}}
@media(prefers-reduced-motion:reduce){.entry-hero .entry-brand,.carpet-card.has-video-experience.is-pressing::after{animation:none!important}.entry-hero .entry-enter i{transition:none!important}}
/* Home composition: crisp images, restrained depth and continuous position cue. */
.collection .collection-rail .carpet-card{filter:none!important}
.collection .collection-rail .carpet-card .card-caption{min-height:var(--hajari-card-caption-h,54px)}
.collection .collection-rail .carpet-card .card-name{display:block;opacity:.72;translate:0 2px;transition:opacity 240ms ease,translate 300ms cubic-bezier(.2,0,.2,1)}
.collection .collection-rail .carpet-card.is-rail-active .card-name,
.collection .collection-rail .carpet-card .card-name:focus-visible{opacity:1;translate:0 0}
.collection-position{direction:ltr;position:relative;width:clamp(88px,13vw,144px);height:2px;margin:20px auto 0;background:rgba(25,25,25,.10);overflow:hidden;pointer-events:none}
.collection-position[hidden]{display:none}
.collection-position>span{display:block;width:28%;height:100%;background:rgba(25,25,25,.55);will-change:transform}
@media(hover:hover) and (pointer:fine){
.collection .collection-rail .carpet-card.is-rail-active{box-shadow:0 9px 22px -12px rgba(0,0,0,.16)!important}
.home-events .event-card .card-image{overflow:hidden}
.home-events .event-card .card-image img{transition:transform 600ms cubic-bezier(.2,0,.2,1)!important}
.home-events .event-card:hover .card-image img{transform:scale(1.015)!important;filter:none!important}
.home-events .event-card h3{color:#555;transition:color 180ms ease}
.home-events .event-card:hover h3,.home-events .event-card:focus-visible h3{color:#191919}
}
@media(prefers-reduced-motion:reduce){
.collection .collection-rail .carpet-card .card-name{translate:none!important;transition:none!important}
.home-events .event-card:hover .card-image img{transform:none!important}
.home-events .event-card .card-image img{transition:none!important}
}
/* Photo viewer: remove oversized hover pseudo-elements at their source. */
#lightbox .lightbox-nav::before,#lightbox .lightbox-nav::after,
#lightbox #close-lightbox::before,#lightbox #close-lightbox::after{
content:none!important;display:none!important;
}
#lightbox{padding:16px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:0 12px 48px rgba(0,0,0,.14)!important;overflow:hidden!important}
#lightbox::backdrop{background:rgba(20,20,20,.38)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#lightbox .lightbox-topbar{height:48px!important;min-height:48px;background:#fff!important}
#lightbox .lightbox-stage{height:calc(100% - 48px)!important}
#lightbox .lightbox-media{background:#fff!important;border:0!important;box-shadow:none!important}
#lightbox #lightbox-image{border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:contain!important}
#lightbox .lightbox-nav,#lightbox #close-lightbox{
width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
color:#333!important;-webkit-tap-highlight-color:transparent;
}
#lightbox .lightbox-nav:active{transform:none!important;background:transparent!important;color:#777!important}
#lightbox #close-lightbox:active{background:transparent!important;color:#777!important}
@media(hover:hover){#lightbox .lightbox-nav:hover,#lightbox #close-lightbox:hover{background:#f4f4f4!important}}
@media(max-width:760px){
#lightbox{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;height:calc(100dvh - 32px)!important;max-height:calc(100dvh - 32px)!important;padding:12px!important}
#lightbox .lightbox-stage{gap:12px!important}
#lightbox .lightbox-controls{position:relative!important;inset:auto!important;flex:0 0 44px!important;height:44px!important;margin:0!important;display:flex!important;justify-content:space-between!important;align-items:center!important}
#lightbox .lightbox-nav{position:relative!important;inset:auto!important;transform:none!important;flex:0 0 44px!important}
}
/* Keep the position indicator clear of the following section divider. */
.home-page .collection-rail-section{padding-bottom:clamp(28px,3vw,40px)!important}
.home-page .collection-position{margin:18px auto 0!important}
/* ===== HAJARI FINAL VOICE PATCH — 2026-09-24 ===== */
/* Navigation: clean, centered underline only. No pills or hover surfaces. */
body:not(.admin-body) .site-header nav a,
body:not(.admin-body) .mobile-site-menu nav a,
body:not(.admin-body) .language,
body:not(.admin-body) .mobile-language-toggle{
position:relative!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;
}
body:not(.admin-body) .site-header nav a:hover,
body:not(.admin-body) .site-header nav a:focus-visible,
body:not(.admin-body) .mobile-site-menu nav a:hover,
body:not(.admin-body) .mobile-site-menu nav a:focus-visible,
body:not(.admin-body) .language:hover,
body:not(.admin-body) .mobile-language-toggle:hover{background:transparent!important}
body:not(.admin-body) .site-header nav a::after,
body:not(.admin-body) .mobile-site-menu nav a::after,
body:not(.admin-body) .language::after,
body:not(.admin-body) .mobile-language-toggle::after{
content:""!important;position:absolute!important;left:50%!important;right:auto!important;bottom:5px!important;width:100%!important;height:1px!important;background:#191919!important;
transform:translateX(-50%) scaleX(0)!important;transform-origin:center!important;transition:transform 220ms cubic-bezier(.2,0,.2,1)!important;
}
body:not(.admin-body) .site-header nav a:hover::after,
body:not(.admin-body) .site-header nav a:focus-visible::after,
body:not(.admin-body) .site-header nav a[aria-current="page"]::after,
body:not(.admin-body) .mobile-site-menu nav a:hover::after,
body:not(.admin-body) .mobile-site-menu nav a:focus-visible::after,
body:not(.admin-body) .mobile-site-menu nav a[aria-current="page"]::after,
body:not(.admin-body) .language:hover::after,
body:not(.admin-body) .language:focus-visible::after,
body:not(.admin-body) .mobile-language-toggle:hover::after,
body:not(.admin-body) .mobile-language-toggle:focus-visible::after{transform:translateX(-50%) scaleX(1)!important}
/* Social icons: the glyph alone responds. Never draw a circle/square/pill behind it. */
body:not(.admin-body) :is(.header-actions,.footer-links,.mobile-menu-socials) .icon{
background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;transition:transform 220ms cubic-bezier(.2,0,.2,1),color 180ms ease!important;
}
body:not(.admin-body) :is(.header-actions,.footer-links,.mobile-menu-socials) .icon::before,
body:not(.admin-body) :is(.header-actions,.footer-links,.mobile-menu-socials) .icon::after{display:none!important;content:none!important}
@media(hover:hover){body:not(.admin-body) :is(.header-actions,.footer-links,.mobile-menu-socials) .icon:hover{background:transparent!important;transform:scale(1.10)!important;color:#000!important}}
/* Desktop collection heading: move the tagline into the ruled heading, centered. */
@media(min-width:761px){
.home-page>.intro-copy{padding:18px 0 14px!important}
.home-page>.intro-copy h1{display:none!important}
.collection-heading{position:relative!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;min-height:56px!important;padding:10px 0!important}
.collection-heading>h2{justify-self:start!important}
.collection-heading>.collection-count{justify-self:end!important}
.collection-desktop-tagline{display:block!important;justify-self:center!important;max-width:min(52vw,760px);text-align:center!important;color:#555!important;font-size:12px!important;line-height:1.55!important;letter-spacing:.08em!important;opacity:0;transform:translateY(5px);transition:opacity 700ms ease,transform 800ms cubic-bezier(.2,0,.2,1)!important}
html[dir="rtl"] .collection-desktop-tagline{letter-spacing:0!important}
.collection-desktop-tagline.is-visible{opacity:1;transform:none}
}
@media(max-width:760px){.collection-desktop-tagline{display:none!important}}
/* Collection frame: only two horizontal rules on desktop; mobile remains frameless. */
@media(min-width:761px){
.collection-rail-section .collection-rail-shell{border-top:1px solid rgba(25,25,25,.15)!important;border-bottom:1px solid rgba(25,25,25,.15)!important;border-left:0!important;border-right:0!important;box-shadow:none!important;border-radius:0!important}
}
@media(max-width:760px){.collection-rail-section .collection-rail-shell{border:0!important;box-shadow:none!important;border-radius:0!important}}
/* Apple-like position cue, translated into HAJARI's square visual language. */
.collection-position{direction:ltr!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:auto!important;height:12px!important;margin:16px auto 0!important;background:transparent!important;overflow:visible!important;pointer-events:none!important}
.collection-position[hidden]{display:none!important}
.collection-position>span{display:block!important;flex:0 0 4px!important;width:4px!important;height:4px!important;background:rgba(25,25,25,.24)!important;transform:none!important;transition:width 340ms cubic-bezier(.2,0,.2,1),flex-basis 340ms cubic-bezier(.2,0,.2,1),background-color 240ms ease!important}
.collection-position>span.is-active{flex-basis:20px!important;width:20px!important;background:rgba(25,25,25,.64)!important}
/* Product detail surfaces use sharp classical corners. */
body:not(.admin-body) .product-page :is(.order-panel,details,select,.button,.text-button){border-radius:0!important}
body:not(.admin-body) .product-page .order-panel,
body:not(.admin-body) .product-page details{box-shadow:none!important}
/* Contact popover: smaller, sharper, calmer and more premium. */
.footer .contact-popover{
width:max-content!important;min-width:154px!important;max-width:min(240px,calc(100vw - 32px))!important;padding:11px 15px!important;border:1px solid rgba(25,25,25,.16)!important;border-radius:0!important;background:rgba(255,255,255,.98)!important;box-shadow:0 12px 32px rgba(0,0,0,.07)!important;
animation:hajariContactIn 260ms cubic-bezier(.2,0,.2,1) both!important;
}
.footer .contact-popover .contact-number{display:block!important;text-align:center!important;font-size:13px!important;letter-spacing:.04em!important;white-space:nowrap!important}
@keyframes hajariContactIn{from{opacity:0;transform:translateX(calc(-50% + var(--popover-shift,0px))) translateY(7px)!important}to{opacity:1;transform:translateX(calc(-50% + var(--popover-shift,0px))) translateY(0)!important}}
/* PINKFRAMED signature: same sharp language, with one restrained pink accent. */
.footer .footer-studio-popover{padding:0!important;border:1px solid rgba(25,25,25,.15)!important;border-radius:0!important;background:#fff!important;box-shadow:0 12px 32px rgba(0,0,0,.07)!important;animation:hajariStudioIn 280ms cubic-bezier(.2,0,.2,1) both!important;overflow:visible!important}
.footer .footer-studio-popover a{position:relative!important;padding:11px 15px 12px 26px!important;background:transparent!important;color:#191919!important}
.footer .footer-studio-popover a::before{content:"";position:absolute;left:13px;top:50%;width:6px;height:6px;background:#efadc8;transform:translateY(-50%)}
.footer .footer-studio-popover::after{display:block!important;content:""!important;position:absolute!important;left:50%!important;bottom:-4px!important;width:18px!important;height:4px!important;background:#efadc8!important;transform:translateX(-50%)!important;border-radius:0 0 8px 8px!important}
@keyframes hajariStudioIn{from{opacity:0;transform:translateX(calc(-50% + var(--popover-shift,0px))) translateY(7px)!important}to{opacity:1;transform:translateX(calc(-50% + var(--popover-shift,0px))) translateY(0)!important}}
/* Certifications: centered, compact desktop grid; no divider underneath. */
.hajari-certifications{width:100%;margin:clamp(38px,5vw,68px) auto 0;padding:clamp(28px,3vw,42px) 0 22px;text-align:center;border:0!important}
.certifications-copy{max-width:920px;margin:0 auto 42px!important;color:#4b4b48;font-size:14px;line-height:2;text-align:center!important}
.certifications-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;justify-items:center;column-gap:clamp(28px,4vw,70px);row-gap:22px;max-width:1120px;margin:0 auto}
.certification-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;color:#777;text-align:center}
.certification-item img{display:block;width:auto;height:58px;max-width:108px;object-fit:contain;filter:grayscale(1);opacity:.72}
.certification-item span{font:10px/1.4 Arial,sans-serif;letter-spacing:.02em;color:#858585;white-space:nowrap}
.certifications-marquee{display:none}
/* Mobile ISO: two slim, truly seamless rows with no empty tail. */
@media(max-width:760px){
.hajari-certifications{width:100vw;margin-left:calc((100% - 100vw)/2);margin-right:calc((100% - 100vw)/2);padding:28px 0 18px!important;overflow:hidden!important}
.certifications-copy{max-width:calc(100vw - 36px);margin:0 auto 26px!important;padding:0 4px;font-size:13px!important;line-height:1.9!important;text-align:center!important}
.certifications-grid{display:none!important}
.certifications-marquee{display:block!important;width:100%;overflow:hidden;direction:ltr}
.certifications-row{width:100%;overflow:hidden;margin:0 0 10px}
.certifications-row:last-child{margin-bottom:0}
.certifications-track{display:flex;width:max-content;will-change:transform;animation:hajariCertRun 34s linear infinite}
.certifications-row.is-reverse .certifications-track{animation-direction:reverse;animation-duration:38s}
.certifications-set{display:flex;align-items:center;gap:24px;padding-right:24px;flex:none}
.certifications-marquee .certification-item{flex:0 0 76px;gap:4px}
.certifications-marquee .certification-item img{height:38px;max-width:70px;opacity:.72}
.certifications-marquee .certification-item span{font-size:8px;color:#8a8a86}
@keyframes hajariCertRun{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.certifications-row:active .certifications-track{animation-play-state:paused}
}
@media(prefers-reduced-motion:reduce){
.collection-desktop-tagline{opacity:1!important;transform:none!important;transition:none!important}
.certifications-track{animation:none!important}
.footer .contact-popover,.footer .footer-studio-popover{animation:none!important}
}
/* ===== HAJARI PRECISE HOME POLISH — 2026-09-24 ===== */
/* Keep the collection exactly on the main content edges.
No extra inset and no frame/rules around the rail. */
@media(min-width:761px){
.collection-rail-section .collection-rail-shell{
width:100%!important;
max-width:100%!important;
padding-inline:0!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
.collection-rail-shell::before{left:0!important}
.collection-rail-shell::after{right:0!important}
/* Softer, wider card depth without changing card size or spacing. */
.collection .collection-rail .carpet-card.is-rail-active{
box-shadow:
0 10px 34px rgba(0,0,0,.030),
0 28px 72px rgba(0,0,0,.018)!important;
}
/* Tiny text motion only. */
.collection-desktop-tagline{
transform:translateY(3px)!important;
transition:
opacity 620ms ease,
transform 720ms cubic-bezier(.2,0,.2,1),
letter-spacing 380ms cubic-bezier(.2,0,.2,1)!important;
}
.collection-desktop-tagline.is-visible{transform:none!important}
}
@media(min-width:761px) and (hover:hover) and (pointer:fine){
.collection-desktop-tagline:hover{
letter-spacing:.13em!important;
}
}
/* ONE divider only: between Events and the standards/certifications block.
It follows the exact width of the main content. */
.home-page .hajari-certifications{
border:0!important;
border-top:1px solid rgba(25,25,25,.14)!important;
}
/* On mobile the standards section is full-bleed already, so the same divider
naturally reaches the viewport edges. */
@media(prefers-reduced-motion:reduce){
.collection-desktop-tagline{
transform:none!important;
transition:none!important;
}
}
/* ===== HAJARI MOBILE CERTIFICATIONS STATIC FADE — 2026-09-24 ===== */
/* Mobile: no marquee / no auto-scroll.
Show the 10 certification marks as a clean 5 × 2 grid. */
@media(max-width:760px){
.hajari-certifications{
overflow:visible!important;
}
.certifications-marquee{
display:none!important;
}
.certifications-grid{
display:grid!important;
grid-template-columns:repeat(5,minmax(0,1fr))!important;
align-items:start!important;
justify-items:center!important;
width:calc(100vw - 28px)!important;
max-width:none!important;
margin:0 auto!important;
padding:0!important;
column-gap:4px!important;
row-gap:20px!important;
}
.certifications-grid .certification-item{
width:100%!important;
min-width:0!important;
gap:5px!important;
}
.certifications-grid .certification-item img{
width:auto!important;
height:39px!important;
max-width:54px!important;
object-fit:contain!important;
opacity:.70!important;
}
.certifications-grid .certification-item span{
max-width:68px!important;
font-size:7.5px!important;
line-height:1.25!important;
letter-spacing:.01em!important;
color:#888!important;
white-space:nowrap!important;
overflow:visible!important;
}
}
/* ===== HAJARI FOOTER PINK DOT CIRCLE — 2026-09-24 ===== */
.footer-studio-dot{
border-radius:999px!important;
border-radius:50%!important;
aspect-ratio:1/1!important;
display:block!important;
}
/* ===== HAJARI FOOTER EXACT LAYOUT — 2026-09-24 ===== */
/* Contact is hidden for now, including its phone popover. */
.contact-wrap[data-footer-item="contact"],
.contact-popover{
display:none!important;
}
/* Desktop:
LEFT = Telegram / Instagram / Pinkframed dot
RIGHT = 2026–2027 HAJARI CARPETS
Persian footer title is hidden. */
@media (min-width:761px){
.footer > div:first-child,
.footer > .footer-spacer{
display:none!important;
}
.footer{
display:block!important;
padding-top:28px!important;
padding-bottom:28px!important;
}
.footer-links{
width:100%!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
flex-wrap:nowrap!important;
gap:10px!important;
direction:ltr!important;
text-align:left!important;
}
.footer-links [data-footer-item="copyright"]{
order:99!important;
margin-left:auto!important;
margin-right:0!important;
white-space:nowrap!important;
}
.footer-links [data-footer-item="instagram"],
.footer-links [data-footer-item="telegram"],
.footer-links [data-footer-item="studio"]{
flex:0 0 auto!important;
}
}
/* ===== HAJARI FOOTER RIGHT COPYRIGHT + POPUP CIRCLE — 2026-09-24 ===== */
/* Keep contact hidden. */
.contact-wrap[data-footer-item="contact"],
.contact-popover{
display:none!important;
}
/* Desktop:
put the English copyright exactly where the Persian footer label was,
and keep the social icons + Pinkframed dot on the left. */
@media (min-width:761px){
.footer{
display:grid!important;
grid-template-columns:1fr 1fr!important;
align-items:center!important;
gap:20px!important;
}
.footer > div:first-child{
display:block!important;
justify-self:end!important;
text-align:right!important;
font-size:0!important;
line-height:1!important;
}
.footer > div:first-child::before{
content:"2026–2027 HAJARI CARPETS";
display:inline-block;
font:14px/1.6 Arial,sans-serif;
letter-spacing:.08em;
color:#666;
direction:ltr;
unicode-bidi:isolate;
white-space:nowrap;
}
.footer > .footer-spacer{
display:none!important;
}
.footer-links{
justify-content:flex-start!important;
text-align:left!important;
gap:10px!important;
flex-wrap:nowrap!important;
}
.footer-links [data-footer-item="copyright"]{
display:none!important;
}
}
/* Pinkframed popover: the little marker below becomes a tiny circle,
and the whole popup feels more delicate. */
.footer-studio-popover{
border:1px solid rgba(25,25,25,.09)!important;
box-shadow:0 6px 16px rgba(0,0,0,.06)!important;
}
.footer-studio-popover::after{
content:""!important;
position:absolute!important;
left:50%!important;
bottom:-10px!important;
width:6px!important;
height:6px!important;
background:#f3abc9!important;
border:none!important;
border-radius:50%!important;
transform:translateX(-50%)!important;
box-shadow:none!important;
}
.footer-studio-popover a{
padding:9px 12px!important;
}
/* ===== HAJARI PINKFRAMED POPUP DOTS EXACT — 2026-09-24 ===== */
/* Pink marker beside DESIGNED BY PINKFRAMED: force a true circle. */
.footer .footer-studio-popover a::before{
width:6px!important;
height:6px!important;
aspect-ratio:1/1!important;
border-radius:50%!important;
}
/* Tiny marker under the popup: also circular and more delicate. */
.footer .footer-studio-popover::after{
width:5px!important;
height:5px!important;
bottom:-7px!important;
border:0!important;
border-radius:50%!important;
background:#efadc8!important;
transform:translateX(-50%)!important;
box-shadow:none!important;
}
/* ===== HAJARI PINKFRAMED POPUP FINAL CIRCLES — 2026-09-24 ===== */
/* Dot beside DESIGNED BY PINKFRAMED */
.footer .footer-studio-popover a::before{
content:""!important;
width:6px!important;
height:6px!important;
border-radius:50%!important;
background:#efadc8!important;
transform:translateY(-50%)!important;
}
/* The small pink "half-square" / tail under the popup:
force it to a true tiny circle on desktop and mobile. */
.footer .footer-studio-popover::after{
display:block!important;
content:""!important;
position:absolute!important;
left:50%!important;
bottom:-8px!important;
width:5px!important;
height:5px!important;
min-width:5px!important;
min-height:5px!important;
background:#efadc8!important;
border:0!important;
border-radius:50%!important;
transform:translateX(-50%)!important;
rotate:0deg!important;
box-shadow:none!important;
}
/* ===== HAJARI MOBILE FOOTER CLEAN — 2026-09-24 ===== */
/* Mobile only: hide the Persian footer line "حجری، فرش ایرانی". */
@media (max-width:760px){
.footer > div:first-child{
display:none!important;
}
}
/* ===== HAJARI DESKTOP COPYRIGHT RIGHT EDGE — 2026-09-24 ===== */
@media (min-width:761px){
/* Socials stay on the left. Copyright sits at the far-right edge,
aligned exactly with the footer's top rule / content edge. */
.footer{
grid-template-columns:1fr 1fr!important;
}
.footer > div:first-child{
grid-column:2!important;
grid-row:1!important;
justify-self:end!important;
align-self:center!important;
margin:0!important;
padding:0!important;
text-align:right!important;
}
.footer-links{
grid-column:1!important;
grid-row:1!important;
justify-self:start!important;
width:auto!important;
margin:0!important;
}
}
/* ===== HAJARI REMOVE PINKFRAMED POPUP TAIL — 2026-09-24 ===== */
/* Remove the tiny pink dot/tail under the Designed by Pinkframed popup box. */
.footer .footer-studio-popover::after{
display:none!important;
content:none!important;
}
/* ===== HAJARI MOBILE BALANCE SPACING — 2026-09-24 ===== */
@media (max-width:760px){
/* HAJARI logo/header stays untouched.
Only tighten the vertical gap before the Balance line. */
.home-page > .intro-copy{
padding:6px 0 24px!important;
}
/* Slightly tighter tracking for the English Balance sentence. */
html[lang] body.home-page .intro-copy h1[dir="ltr"]{
margin:6px auto 8px!important;
letter-spacing:.105em!important;
}
}
/* ===== HAJARI MOBILE BALANCE SMALLER — 2026-09-24 ===== */
@media (max-width:760px){
html[lang] body.home-page .intro-copy h1[dir="ltr"]{
font-size:24px!important;
line-height:1.32!important;
letter-spacing:.098em!important;
}
}
/* ===== HAJARI STANDARDS MOVED TO ABOUT — 2026-09-24 ===== */
/* Standards now live on About, separated quietly from the About content. */
.story-page .hajari-certifications{
border-top:1px solid rgba(25,25,25,.12)!important;
}