@font-face{font-family:'IBM Plex Serif';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/ibm-plex-serif-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Serif';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/ibm-plex-serif-latin-500.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Permanent Marker';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/permanent-marker-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body:not(.admin-page) .site-header{height:82px;min-height:82px;padding:0 clamp(16px,2.2vw,42px);display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,1.5vw,26px);background:rgba(18,20,15,.97);color:#fff;position:sticky;top:0;z-index:80;border-bottom:1px solid #ffffff12;box-shadow:0 10px 28px rgba(4,10,7,.16)}
body:not(.admin-page)>.announcement{position:sticky;inset-block-start:0;z-index:81}
body:not(.admin-page)>.announcement+.site-header,body:not(.admin-page)>.detail-announcement+.site-header{inset-block-start:32px}
body:not(.admin-page)>.detail-announcement,body:not(.admin-page)>.announcement.pay30-header-note{height:32px;display:block;overflow:hidden;background:#c49a5a;color:#151711;border-bottom:1px solid rgba(21,23,17,.22);font-size:11px;font-weight:500;line-height:32px;letter-spacing:0;text-align:center;white-space:nowrap;position:sticky;top:0;z-index:81}
body:not(.admin-page)>.detail-announcement strong,body:not(.admin-page)>.announcement.pay30-header-note strong{margin-inline:3px;color:#151711;font-family:Arial,sans-serif;font-size:12px;font-weight:700}
body:not(.admin-page) .site-header .brand{display:flex;align-items:center;gap:12px;min-width:max-content;flex:0 0 auto;text-decoration:none}
body:not(.admin-page) .site-header .brand-symbol{width:56px;height:56px;object-fit:cover;display:block;mix-blend-mode:screen}
body:not(.admin-page) .site-header .brand-name{display:flex;flex-direction:column;line-height:1.1;text-align:center}
body:not(.admin-page) .site-header .brand-name b{font-family:'Noto Kufi Arabic',sans-serif;font-size:19px;font-weight:500;color:#fff}
body:not(.admin-page) .site-header .brand-name small{margin-top:7px;color:#b8bcb5;font:10px Arial,sans-serif;letter-spacing:2.2px}
body:not(.admin-page) .site-header nav{display:flex;flex:1 1 auto;align-items:center;justify-content:center;gap:clamp(12px,1.45vw,28px);min-width:0;margin:0}
body:not(.admin-page) .site-header nav a{color:#c7c9c3;text-decoration:none;font-family:'Alexandria',sans-serif;font-size:clamp(11px,1vw,14px);font-weight:400;line-height:1.4;white-space:nowrap}
body:not(.admin-page) .site-header nav a:hover{color:#ddb777}
@media(hover:hover) and (pointer:fine){
  body:not(.admin-page) .site-header nav a{display:inline-block;transition:transform .28s cubic-bezier(.2,.72,.2,1),color .28s ease,text-shadow .28s ease}
  body:not(.admin-page) .site-header nav a:hover{transform:translateY(-3px) scale(1.055);color:#f0c982;text-shadow:0 7px 20px rgba(212,170,100,.34)}
}
body:not(.admin-page) .site-header .nav-actions{display:flex;align-items:center;gap:clamp(8px,1vw,16px);flex:0 0 auto}
body:not(.admin-page) .site-header .catalog-saved-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap;order:-1}
body:not(.admin-page) .site-header .favorites-filter,body:not(.admin-page) .site-header .cart-filter,body:not(.admin-page) .site-header .order-track-filter{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:7px 9px;border:1px solid rgba(207,165,95,.5);border-radius:8px;background:#13251d;color:#fff;text-decoration:none;font-family:'Alexandria',sans-serif;font-size:11px;font-weight:500;line-height:1.25;cursor:pointer;white-space:nowrap}
body:not(.admin-page) .site-header :is(.favorites-filter,.cart-filter,.order-track-filter) svg{width:19px;height:19px;fill:none;stroke:#d4aa64;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
body:not(.admin-page) .site-header :is(.favorites-filter,.cart-filter,.order-track-filter) b{display:grid;place-items:center;min-width:22px;height:22px;padding-inline:4px;border-radius:50%;background:rgba(255,255,255,.11);font:700 10px Arial,sans-serif}
body:not(.admin-page) .site-header :is(.favorites-filter,.cart-filter,.order-track-filter) b[hidden]{display:none!important}
body:not(.admin-page) .site-header .text-link{display:none!important}
body:not(.admin-page) .site-header .language-switch{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:50px;padding:10px 16px;border:1px solid rgba(207,165,95,.5);border-radius:10px;background:transparent;color:#d9c095;font:600 13px/1.25 'Alexandria',Arial,sans-serif;letter-spacing:.02em;text-decoration:none;cursor:pointer;white-space:nowrap}
body:not(.admin-page) .site-header .language-switch:hover{border-color:#d4aa64;color:#fff}
body:not(.admin-page) .site-header .language-switch .language-short{display:none}
body:not(.admin-page) .site-header .nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px clamp(12px,1.2vw,18px);background:#c49a5a;color:#151711;text-decoration:none;font-family:'Alexandria',sans-serif;font-size:11px;font-weight:600;white-space:nowrap}
body:not(.admin-page) .site-header .nav-cta::before{content:'';display:inline-block;width:18px;height:18px;flex:0 0 18px;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 11.5a8.5 8.5 0 0 1-12.7 7.4L3.5 20l1.2-4.1A8.5 8.5 0 1 1 20.5 11.5Z' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.1 7.5c.25-.55.52-.56.78-.57h.66c.22 0 .43.08.56.4l.78 1.88c.1.25.06.47-.12.7l-.6.72c-.18.2-.14.4-.02.6.54.9 1.33 1.66 2.25 2.18.22.12.43.16.62-.06l.77-.91c.2-.24.43-.28.7-.17l1.78.84c.3.14.4.34.36.62-.16 1.1-.92 1.94-1.98 2.2-.75.18-1.72.03-3.22-.62-1.27-.55-2.32-1.37-3.17-2.4-.72-.86-1.48-2.06-1.64-3.2-.12-.84.09-1.28.49-1.96Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 11.5a8.5 8.5 0 0 1-12.7 7.4L3.5 20l1.2-4.1A8.5 8.5 0 1 1 20.5 11.5Z' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.1 7.5c.25-.55.52-.56.78-.57h.66c.22 0 .43.08.56.4l.78 1.88c.1.25.06.47-.12.7l-.6.72c-.18.2-.14.4-.02.6.54.9 1.33 1.66 2.25 2.18.22.12.43.16.62-.06l.77-.91c.2-.24.43-.28.7-.17l1.78.84c.3.14.4.34.36.62-.16 1.1-.92 1.94-1.98 2.2-.75.18-1.72.03-3.22-.62-1.27-.55-2.32-1.37-3.17-2.4-.72-.86-1.48-2.06-1.64-3.2-.12-.84.09-1.28.49-1.96Z' fill='black'/%3E%3C/svg%3E")}
@media(min-width:681px){body:not(.admin-page) .site-header .nav-cta{display:inline-flex!important}}
body:not(.admin-page) .site-header .menu{display:none;width:44px;min-width:44px;height:44px;min-height:44px;padding:8px;border:0;background:transparent;cursor:pointer}
body:not(.admin-page) .site-header .menu span{display:block;height:1px;margin:7px 0;background:#fff}
@media(min-width:900px) and (max-width:1080px){body:not(.admin-page) .site-header{gap:10px}body:not(.admin-page) .site-header nav{gap:10px}body:not(.admin-page) .site-header nav a{font-size:10.5px}body:not(.admin-page) .site-header .nav-actions{gap:7px}body:not(.admin-page) .site-header :is(.favorites-filter,.cart-filter,.order-track-filter){padding-inline:7px;gap:5px}body:not(.admin-page) .site-header .nav-cta{padding-inline:11px;font-size:10px}}
@media(max-width:899px){body:not(.admin-page) .site-header nav{display:none}body:not(.admin-page) .site-header .menu{display:block}body:not(.admin-page) .site-header.open nav{display:flex;position:absolute;top:82px;inset-inline:0;padding:26px;background:#12140f;flex-direction:column;align-items:stretch;border-top:1px solid #ffffff14}body:not(.admin-page) .site-header.open nav a{font-size:14px;padding:8px 4px}}
@media(max-width:680px){body:not(.admin-page)>.detail-announcement,body:not(.admin-page)>.announcement.pay30-header-note{font-size:10px}body:not(.admin-page)>.detail-announcement strong,body:not(.admin-page)>.announcement.pay30-header-note strong{font-size:11px}body:not(.admin-page) .site-header{height:70px;min-height:70px;padding-inline:14px;gap:8px}body:not(.admin-page) .site-header .brand{gap:7px}body:not(.admin-page) .site-header .brand-symbol{width:45px;height:45px}body:not(.admin-page) .site-header .brand-name b{font-size:15px}body:not(.admin-page) .site-header .brand-name small{margin-top:5px;font-size:10px;letter-spacing:1.4px}body:not(.admin-page) .site-header .nav-actions{gap:7px;margin-inline-start:auto}body:not(.admin-page) .site-header .nav-cta,body:not(.admin-page) .site-header .text-link{display:none!important}body:not(.admin-page) .site-header .language-switch{width:48px;min-width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;font-size:11.5px;letter-spacing:0}body:not(.admin-page) .site-header .language-switch .language-full{display:none}body:not(.admin-page) .site-header .language-switch .language-short{display:inline}body:not(.admin-page) .site-header .catalog-saved-actions{gap:5px}body:not(.admin-page) .site-header :is(.favorites-filter,.cart-filter,.order-track-filter){width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border-radius:50%}body:not(.admin-page) .site-header .saved-action-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body:not(.admin-page) .site-header :is(.favorites-filter,.cart-filter,.order-track-filter) b{position:absolute;inset-block-start:-5px;inset-inline-end:-5px;min-width:18px;height:18px;padding-inline:3px;border:1px solid #172119;background:#d0a65f;color:#102118;font-size:10px}body:not(.admin-page) .site-header :is(.favorites-filter,.cart-filter,.order-track-filter) svg{width:20px;height:20px}body:not(.admin-page) .site-header.open nav{top:70px}}
@media(max-width:390px){body:not(.admin-page) .site-header{padding-inline:10px}body:not(.admin-page) .site-header .brand-name{display:none}body:not(.admin-page) .site-header .catalog-saved-actions{gap:4px}body:not(.admin-page) .site-header :is(.favorites-filter,.cart-filter,.order-track-filter){width:40px;min-width:40px;height:40px;min-height:40px}}
@media(max-width:390px){body:not(.admin-page) .site-header .language-switch{width:44px;min-width:44px;height:44px;min-height:44px;font-size:11px}}
html[dir="ltr"] body:not(.admin-page) .site-header nav a,html[dir="ltr"] body:not(.admin-page) .site-header :is(.favorites-filter,.cart-filter,.order-track-filter,.nav-cta){font-family:'Alexandria',Arial,sans-serif}
html[dir="ltr"] body{direction:ltr}
html[dir="ltr"] :is(.hero-copy,.commerce-hero,.commerce-card,.artwork-copy,.policy-main,.policy-content,.faq-section,.story-copy,.projects-copy,.creative-studio-copy,.footer-grid){text-align:left}
html.lang-en :is(.modal-copy,.modal-media,.modal-thumbs,.artwork-copy,.artwork-media-column){direction:ltr}
html.lang-en #artModal>.modal-layout,html.lang-en .artwork-detail{direction:rtl}
html.lang-en :is(.modal-pay30,.payment-result-lines,.order-type-choices button,.detail-order-types .detail-choice){text-align:left}
html.lang-en :is(.hero h1,.section-head h2,.catalog-head h2,.collection-intro h2,.bespoke-copy h2,.projects-copy h2,.frame-showcase-head h2,.craft-copy h2,.creative-studio-copy h2,.story-copy blockquote,.customer-reviews-heading h2,.faq-heading h2,.contact-cta h2){font-family:'IBM Plex Serif',Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.02em}
html.lang-en .order-formats-copy h3{font-family:'Alexandria',Arial,sans-serif;font-weight:400;letter-spacing:-.025em;line-height:1.5}
html.lang-en :is(.craft-copy,.detail-craft-copy,.modal-detail-craft-copy) blockquote{font-family:'Permanent Marker','Segoe Print','Comic Sans MS',cursive;font-weight:400;letter-spacing:.015em;line-height:1.55}
html.lang-en :is(.detail-craft,.detail-reviews){direction:ltr;text-align:left}
html.lang-en :is(.detail-craft-copy,.detail-reviews-heading){direction:ltr;text-align:left}
html.lang-en :is(.modal-detail-craft,.modal-detail-reviews){direction:ltr;text-align:left}
html.lang-en :is(.modal-detail-craft-copy,.modal-detail-reviews-heading){direction:ltr;text-align:left}
/* Arabic is the typography scale source; English mirrors its sizes while keeping its own typefaces. */
html.lang-ar .modal-copy h2,html.lang-en .modal-copy h2{font-size:clamp(36px,2.45vw,44px);line-height:1.38;margin-block:10px 18px}
html.lang-ar .artwork-copy h1,html.lang-en .artwork-copy h1{font-size:clamp(34px,2.45vw,44px);line-height:1.42;margin-block:6px 14px}
html.lang-ar .modal-copy>p:not(.modal-code):not(.modal-price),html.lang-en .modal-copy>p:not(.modal-code):not(.modal-price),html.lang-ar .artwork-description,html.lang-en .artwork-description{font-size:clamp(16px,1.02vw,18px)!important;line-height:1.95}
html.lang-ar :is(.modal-code,.modal-tags span,.selection-progress span,.modal-copy legend,.choice-row button,.choice-row button small,.art-shape-choices b,.art-shape-choices small,.size-subheading,.size-helper,.custom-size-panel label,.custom-size-panel>p,.dimension-input span,.order-type-choices b,.order-type-choices small,.frame-color-choices .frame-color-select,.modal-order-guide span,.modal-roll-preview p,.modal-price span,.modal-price small,.modal-policy-link,.modal-favorite-panel p,.modal-favorite-panel button),html.lang-en :is(.modal-code,.modal-tags span,.selection-progress span,.modal-copy legend,.choice-row button,.choice-row button small,.art-shape-choices b,.art-shape-choices small,.size-subheading,.size-helper,.custom-size-panel label,.custom-size-panel>p,.dimension-input span,.order-type-choices b,.order-type-choices small,.frame-color-choices .frame-color-select,.modal-order-guide span,.modal-roll-preview p,.modal-price span,.modal-price small,.modal-policy-link,.modal-favorite-panel p,.modal-favorite-panel button){font-size:clamp(13px,.84vw,14px)!important}
html.lang-ar :is(.artwork-code,.artwork-tags span,.artwork-favorite-panel p,.detail-configurator-head p,.detail-selection-progress span,.detail-helper,.detail-choice small,.detail-size-subheading,.detail-measurements dt,.detail-measurements>p,.detail-custom-size label,.detail-dimension-input span,.detail-custom-size>p,.detail-frame-hint,.detail-frame-colors .frame-color-select,.detail-order-guide figcaption,.detail-roll-preview p,.detail-cart-status,.detail-policy),html.lang-en :is(.artwork-code,.artwork-tags span,.artwork-favorite-panel p,.detail-configurator-head p,.detail-selection-progress span,.detail-helper,.detail-choice small,.detail-size-subheading,.detail-measurements dt,.detail-measurements>p,.detail-custom-size label,.detail-dimension-input span,.detail-custom-size>p,.detail-frame-hint,.detail-frame-colors .frame-color-select,.detail-order-guide figcaption,.detail-roll-preview p,.detail-cart-status,.detail-policy){font-size:clamp(13px,.84vw,14px)!important}
html.lang-ar :is(.detail-selector legend,.detail-selector h3,.detail-choice b,.detail-cart-add,.detail-cart-view,.detail-whatsapp),html.lang-en :is(.detail-selector legend,.detail-selector h3,.detail-choice b,.detail-cart-add,.detail-cart-view,.detail-whatsapp){font-size:clamp(14px,.9vw,15px)!important}
html.lang-ar .size-choice-row button>span,html.lang-en .size-choice-row button>span{font-size:clamp(14px,.9vw,15px)!important}
@media(min-width:1200px){
  #artModal{width:min(1680px,96vw)}
  #artModal>.modal-layout{grid-template-columns:minmax(0,1.55fr) clamp(470px,34vw,610px)}
  .modal-copy{padding:46px clamp(40px,3vw,54px)}
  .artwork-page{width:min(1680px,calc(100% - 32px))}
  .artwork-detail{grid-template-columns:minmax(0,1.55fr) clamp(470px,34vw,610px)}
  .artwork-copy{padding:42px clamp(38px,3vw,52px) 54px}
}
/* Match supporting detail copy to the artwork-description reading size. */
html.lang-ar :is(.size-helper,.modal-policy-link,.modal-order-guide span,.modal-roll-preview p,.creative-eyebrow,.creative-intro,.question-topics span,.modal-order-question .question-button,.modal-pay30 small,.modal-pay30 em,.detail-configurator-head>span,.detail-helper,.detail-frame-hint,.detail-order-guide figcaption,.detail-roll-preview p,.detail-service-card p,.detail-service-card>span,.detail-question-topics span,.detail-service-card a,.detail-configurator .modal-pay30 small,.detail-configurator .modal-pay30 em),html.lang-en :is(.size-helper,.modal-policy-link,.modal-order-guide span,.modal-roll-preview p,.creative-eyebrow,.creative-intro,.question-topics span,.modal-order-question .question-button,.modal-pay30 small,.modal-pay30 em,.detail-configurator-head>span,.detail-helper,.detail-frame-hint,.detail-order-guide figcaption,.detail-roll-preview p,.detail-service-card p,.detail-service-card>span,.detail-question-topics span,.detail-service-card a,.detail-configurator .modal-pay30 small,.detail-configurator .modal-pay30 em){font-size:clamp(16px,1.02vw,18px)!important;line-height:1.9}
html.lang-ar :is(.modal-order-question h3,.detail-service-card h3),html.lang-en :is(.modal-order-question h3,.detail-service-card h3){font-size:clamp(20px,1.25vw,22px)!important;line-height:1.65}
html.lang-ar :is(.modal-pay30 strong,.detail-configurator .modal-pay30 strong),html.lang-en :is(.modal-pay30 strong,.detail-configurator .modal-pay30 strong){font-size:clamp(18px,1.12vw,20px)!important;line-height:1.55}
/* A clear three-level payment summary in both languages. */
html.lang-ar .modal-pay30,html.lang-en .modal-pay30{gap:9px;padding:13px;border-color:#d7bd91;background:linear-gradient(145deg,#fbf5ea,#f3e7d5);box-shadow:0 8px 22px rgba(87,61,27,.08)}
html.lang-ar .modal-pay30>strong,html.lang-en .modal-pay30>strong{display:block;padding:11px 13px;border-radius:6px;background:#13251d;color:#f0c77e!important;font-weight:700}
html.lang-ar .modal-pay30>small,html.lang-en .modal-pay30>small{display:block;padding:9px 12px;border-radius:6px;border-inline-start:4px solid #b98743;background:#ead7b5;color:#1e2a21!important;font-weight:600}
html.lang-ar .modal-pay30>em,html.lang-en .modal-pay30>em{display:block;padding:9px 12px;border:1px solid #dfcba8;border-radius:6px;background:#fffaf2;color:#505950!important;font-weight:500}
/* Footer returns to its original compact scale, with a one-pixel readability lift. */
html.lang-ar footer :is(h2,h4),html.lang-en footer :is(h2,h4){font-size:14px!important;line-height:1.65}
html.lang-ar footer :is(p,a,bdi),html.lang-en footer :is(p,a,bdi){font-size:13px!important;line-height:1.8}
html.lang-ar footer .footer-note,html.lang-en footer .footer-note{font-size:12px!important;line-height:1.75}
html.lang-ar footer :is(.business-identity,.detail-footer-identity),html.lang-en footer :is(.business-identity,.detail-footer-identity){font-size:11px!important;line-height:1.75}
html.lang-ar footer :is(.copyright,.detail-footer-copyright),html.lang-en footer :is(.copyright,.detail-footer-copyright){width:100%;font-size:11px!important;line-height:1.7;text-align:center}
html.lang-ar footer .footer-brand .brand-name small,html.lang-en footer .footer-brand .brand-name small{font-size:11px!important}
html.lang-ar footer :is(.payment-row,.detail-footer-payment) small,html.lang-en footer :is(.payment-row,.detail-footer-payment) small{font-size:14px!important}
html.lang-ar .policy-footer :is(p,a),html.lang-en .policy-footer :is(p,a){font-size:14px!important}
html.lang-ar .policy-footer,html.lang-en .policy-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
html.lang-ar .policy-footer>p,html.lang-en .policy-footer>p{grid-column:2;justify-self:center;margin:0;text-align:center}
html.lang-ar .policy-footer>a,html.lang-en .policy-footer>a{grid-column:3;justify-self:end}
@media(max-width:680px){
  html.lang-ar .policy-footer,html.lang-en .policy-footer{grid-template-columns:1fr;gap:12px;text-align:center}
  html.lang-ar .policy-footer>p,html.lang-en .policy-footer>p,html.lang-ar .policy-footer>a,html.lang-en .policy-footer>a{grid-column:1;justify-self:center}
}
html.lang-en .story-narrative-ar{display:none}
.story-narrative-en{display:none}
html.lang-en .story-narrative-en{display:block}
html.lang-en #filters{gap:4px;flex-wrap:wrap;overflow-x:visible}
html.lang-en #filters button{flex:0 0 auto;white-space:nowrap;padding-inline:clamp(8px,1vw,13px);font-weight:500;letter-spacing:-.01em;color:#c9cec8}
html.lang-ar #filters button,html.lang-en #filters button{font-size:clamp(12px,1.05vw,14px)}
html.lang-en #filters button small{display:none}
html.lang-en #filters button.active{color:#151711}
html.lang-en .catalog-tools .search input{font-weight:400;color:#e5e9e4}
html.lang-en .catalog-tools .search input::placeholder{color:#b8beb7;opacity:1}
html.lang-en .catalog-tools .search>span{color:#d0a55f}
html.lang-ar .catalog-tools .search input,html.lang-en .catalog-tools .search input{font-size:14px}
html.lang-ar .catalog-tools .search>span,html.lang-en .catalog-tools .search>span{font-size:18px}
@media(min-width:1001px){
  html.lang-en .catalog-tools .search{width:190px;flex:0 0 190px}
  html.lang-ar .catalog-tools .search input,html.lang-en .catalog-tools .search input{font-size:13px}
  html.lang-ar .catalog-tools .search>span,html.lang-en .catalog-tools .search>span{font-size:16px}
}
html.lang-ar .frame-color-card p,html.lang-en .frame-color-card p{font-size:14px;line-height:1.65}
html.lang-ar .frame-color-note,html.lang-en .frame-color-note{font-size:13px;line-height:1.7}
html.lang-en .hero{height:min(680px,calc(100svh - 114px));min-height:0}
html.lang-en .hero-panel{padding:22px clamp(30px,4vw,58px) 26px 28px}
html.lang-en .hero-logo{width:60px;height:60px}
html.lang-en .hero h1{line-height:1.06;margin-top:8px;letter-spacing:-.025em}
html.lang-en .hero-script{line-height:1.08;margin:5px 0 13px}
html.lang-en .hero-lead{line-height:1.65;margin-block:0}
html.lang-en .hero-actions{margin-top:14px}
html.lang-en .hero-actions .button{min-height:44px}
html.lang-en .hero-note{margin-top:14px}
html.lang-en .hero-video{object-fit:cover;object-position:center bottom}
html.lang-ar .hero{height:min(680px,calc(100svh - 114px));min-height:0}
html.lang-ar .hero-panel{padding:22px clamp(30px,4vw,58px) 26px 28px}
html.lang-ar .hero-logo{width:60px;height:60px}
html.lang-ar .hero h1{line-height:1.32;margin-top:12px;letter-spacing:-.035em}
html.lang-ar .hero-script{line-height:1.15;margin:8px 0 16px}
html.lang-ar .hero-lead{line-height:1.8;margin-block:0}
html.lang-ar .hero-actions{margin-top:18px}
html.lang-ar .hero-actions .button{min-height:44px}
html.lang-ar .hero-note{margin-top:18px}
html.lang-ar .hero-video{object-fit:cover;object-position:center bottom}
html.lang-ar .hero h1,html.lang-en .hero h1{font-size:clamp(40px,3.4vw,54px)}
html.lang-ar .hero-script,html.lang-en .hero-script{font-size:clamp(30px,2.7vw,42px)}
html.lang-ar .hero-lead,html.lang-en .hero-lead{font-size:13px}
@media(min-width:900px) and (max-width:1900px){
  html.lang-en body:not(.admin-page) .site-header{gap:12px}
  html.lang-en body:not(.admin-page) .site-header nav{gap:clamp(15px,1.3vw,24px)}
  html.lang-en body:not(.admin-page) .site-header .nav-actions{gap:8px}
  html.lang-en body:not(.admin-page) .site-header .catalog-saved-actions{gap:6px}
  html.lang-en body:not(.admin-page) .site-header :is(.favorites-filter,.cart-filter,.order-track-filter){width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border-radius:50%}
  html.lang-en body:not(.admin-page) .site-header .saved-action-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  html.lang-en body:not(.admin-page) .site-header :is(.favorites-filter,.cart-filter,.order-track-filter) b{position:absolute;inset-block-start:-5px;inset-inline-end:-5px;min-width:18px;height:18px;padding-inline:3px;border:1px solid #172119;background:#d0a65f;color:#102118}
}
@media(min-width:900px) and (max-width:1260px){
  html.lang-en body:not(.admin-page) .site-header nav{display:none}
  html.lang-en body:not(.admin-page) .site-header .menu{display:block}
  html.lang-en body:not(.admin-page) .site-header.open nav{display:flex;position:absolute;top:82px;inset-inline:0;padding:26px;background:#12140f;flex-direction:column;align-items:stretch;border-top:1px solid #ffffff14}
  html.lang-en body:not(.admin-page) .site-header.open nav a{padding:8px 4px}
}
@media(max-width:520px){
  html.lang-en :is(.modal-layout,.modal-copy){max-width:100%;overflow-x:hidden}
  html.lang-en .selection-progress{display:grid;grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr);width:100%;max-width:100%;overflow:visible;gap:2px}
  html.lang-en .selection-progress span{min-width:0;white-space:normal;text-align:center;line-height:1.35}
  html.lang-en .selection-progress i{width:auto;min-width:0}
  html.lang-en .modal-favorite-panel{max-width:100%}
}
@media(max-width:680px){
  html.lang-ar #filters button,html.lang-en #filters button{font-size:13px}
  html.lang-en .hero{height:auto;min-height:calc(100svh - 102px)}
  html.lang-en .hero-panel{padding:28px 24px 82px}
  html.lang-en .hero-logo{width:60px;height:60px}
  html.lang-en .hero h1{line-height:1.1;margin-top:10px;letter-spacing:-.02em}
  html.lang-en .hero-script{line-height:1.12;margin:4px 0 14px}
  html.lang-en .hero-lead{line-height:1.75}
  html.lang-en .hero-actions{margin-top:16px}
  html.lang-en .hero-note{margin-top:18px}
  html.lang-ar .frame-color-card p,html.lang-en .frame-color-card p,html.lang-ar .frame-color-note,html.lang-en .frame-color-note{font-size:14px}
  html.lang-ar .hero{height:auto;min-height:calc(100svh - 102px)}
  html.lang-ar .hero-panel{padding:28px 24px 82px}
  html.lang-ar .hero-logo{width:60px;height:60px}
  html.lang-ar .hero h1{line-height:1.42;margin-top:12px;letter-spacing:-.04em}
  html.lang-ar .hero-script{line-height:1.2;margin:6px 0 14px}
  html.lang-ar .hero-lead{line-height:1.85}
  html.lang-ar .hero-actions{margin-top:16px}
  html.lang-ar .hero-note{margin-top:18px}
  html.lang-ar .hero h1,html.lang-en .hero h1{font-size:40px}
  html.lang-ar .hero-script,html.lang-en .hero-script{font-size:30px}
  html.lang-ar .hero-lead,html.lang-en .hero-lead{font-size:14px}
  html.lang-ar .hero-note,html.lang-en .hero-note{font-size:11px}
}
@media(min-width:681px) and (max-height:700px){
  html.lang-en .hero-panel{padding:22px 32px 22px 24px}
  html.lang-en .hero-logo{display:block;width:48px;height:48px}
  html.lang-en .hero-panel>.kicker{margin:24px 0 0}
  html.lang-en .hero h1{line-height:1.1;margin-top:18px}
  html.lang-en .hero-script{line-height:1.12;margin:16px 0 0}
  html.lang-en .hero-lead{line-height:1.7;margin-top:20px}
  html.lang-en .hero-actions{margin-top:24px}
  html.lang-en .hero-actions .button{min-height:40px}
  html.lang-en .hero-note{display:none}
  html.lang-ar .hero-panel{padding:12px 32px 12px 24px}
  html.lang-ar .hero-logo{display:block;width:48px;height:48px}
  html.lang-ar .hero-panel>.kicker{margin:16px 0 0}
  html.lang-ar .hero h1{line-height:1.3;margin-top:12px}
  html.lang-ar .hero-script{line-height:1.15;margin:10px 0 0}
  html.lang-ar .hero-lead{line-height:1.65;margin-top:12px}
  html.lang-ar .hero-actions{margin-top:16px}
  html.lang-ar .hero-actions .button{min-height:40px}
  html.lang-ar .hero-note{display:none}
  html.lang-ar .hero h1,html.lang-en .hero h1{font-size:42px}
  html.lang-ar .hero-script,html.lang-en .hero-script{font-size:30px}
  html.lang-ar .hero-lead,html.lang-en .hero-lead{font-size:12px}
}
@media(min-width:1200px) and (min-height:620px){
  html.lang-en .hero-panel{padding-block:34px 38px}
  html.lang-en .hero-logo{width:56px;height:56px}
  html.lang-en .hero-panel>.kicker{margin:20px 0 0}
  html.lang-en .hero h1{line-height:1.15;margin-top:22px}
  html.lang-en .hero-script{line-height:1.15;margin:18px 0 0}
  html.lang-en .hero-lead{line-height:1.85;margin-top:24px}
  html.lang-en .hero-actions{margin-top:30px}
  html.lang-en .hero-note{display:flex;margin-top:24px}
  html.lang-ar .hero-panel{padding-block:30px 34px}
  html.lang-ar .hero-logo{width:56px;height:56px}
  html.lang-ar .hero-panel>.kicker{margin:18px 0 0}
  html.lang-ar .hero h1{line-height:1.4;margin-top:18px}
  html.lang-ar .hero-script{line-height:1.2;margin:16px 0 0}
  html.lang-ar .hero-lead{line-height:1.9;margin-top:20px}
  html.lang-ar .hero-actions{margin-top:26px}
  html.lang-ar .hero-note{display:flex;margin-top:22px}
}
@media(hover:hover) and (pointer:fine){
  body:not(.admin-page) button:not(:disabled):not(.favorite-toggle):not(.modal-favorite-quick):not(.frame-color-zoom),
  body:not(.admin-page) summary,
  body:not(.admin-page) :is(a.button,a.nav-cta,a.favorites-filter,a.cart-filter,a.order-track-filter,a.language-switch,a.commerce-button,a.arrow-link,a.floating-wa,.mobile-order a,.policy-back,.policy-footer a,.footer-grid a){transition:transform .26s cubic-bezier(.2,.72,.2,1),color .26s ease}
  body:not(.admin-page) button:not(:disabled):not(.favorite-toggle):not(.modal-favorite-quick):not(.frame-color-zoom):hover,
  body:not(.admin-page) summary:hover,
  body:not(.admin-page) :is(a.button,a.nav-cta,a.favorites-filter,a.cart-filter,a.order-track-filter,a.language-switch,a.commerce-button,a.arrow-link,a.floating-wa,.mobile-order a,.policy-back,.policy-footer a,.footer-grid a):hover{transform:translateY(-3px) scale(1.025)!important}
  body:not(.admin-page) button:not(:disabled):not(.active):not(.selected):not(.gold):not(.primary):not(.question-button):not(.favorite-toggle):not(.modal-favorite-quick):not(.frame-color-zoom):hover,
  body:not(.admin-page) summary:hover,
  body:not(.admin-page) :is(a.button.ghost,a.commerce-button.ghost,a.favorites-filter,a.cart-filter,a.order-track-filter,a.language-switch,a.arrow-link,.policy-back,.policy-footer a,.footer-grid a):hover{color:#e5b96e}
  body:not(.admin-page) .modal-quantity-stepper button:hover{color:#13251d}
  html :is(#filters,.color-filters) button:not(.active):hover{color:#edbd6d}
  body:not(.admin-page) .review-card button:hover{transform:none!important;filter:none;box-shadow:none}
  :is(.featured-card .image,.art-card .art-image,.frame-color-card .frame-color-image,.craft-gallery figure){transition:transform .55s cubic-bezier(.2,.72,.2,1),box-shadow .55s ease}
  :is(.featured-card img,.art-card .art-image img,.collection-card img,.frame-color-card .frame-color-image img,.craft-gallery figure img){transition:transform .7s cubic-bezier(.2,.72,.2,1),filter .7s ease}
  .featured-card:hover .image{transform:translateY(-5px);box-shadow:0 18px 34px rgba(19,25,20,.2)}
  .featured-card:hover img{transform:scale(1.075);filter:saturate(1.04) contrast(1.02)}
  .catalog .art-card:hover{transform:translateY(-7px);box-shadow:0 22px 48px rgba(0,0,0,.38)}
  .art-card:hover .art-image img{transform:scale(1.08);filter:saturate(1.04) contrast(1.02)}
  .collection-card{transition:transform .55s cubic-bezier(.2,.72,.2,1),box-shadow .55s ease}
  .collection-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(0,0,0,.28)}
  .collection-card:hover img{transform:scale(1.065);filter:saturate(1.04) contrast(1.02)}
  .frame-color-card:hover .frame-color-image{transform:translateY(-5px);box-shadow:0 18px 36px rgba(0,0,0,.3)}
  .frame-color-card:hover .frame-color-image img{transform:scale(1.07);filter:saturate(1.05) contrast(1.02)}
  .craft-gallery figure:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(40,31,21,.2)}
  .craft-gallery figure:hover img{transform:scale(1.07);filter:saturate(1.04) contrast(1.02)}
}
@media(prefers-reduced-motion:no-preference){
  body:not(.admin-page) button:not(:disabled):not(.favorite-toggle):not(.modal-favorite-quick):not(.frame-color-zoom):active,
  body:not(.admin-page) summary:active,
  body:not(.admin-page) :is(a.button,a.nav-cta,a.favorites-filter,a.cart-filter,a.order-track-filter,a.language-switch,a.commerce-button,a.arrow-link,a.floating-wa,.mobile-order a,.policy-back,.policy-footer a,.footer-grid a):active{transform:translateY(0) scale(.975)!important;transition-duration:.08s}
  body:not(.admin-page) .review-card button:active{transform:none!important}
}
@media(prefers-reduced-motion:reduce){
  :is(.featured-card .image,.art-card,.collection-card,.frame-color-card .frame-color-image,.craft-gallery figure,.featured-card img,.art-card .art-image img,.collection-card img,.frame-color-card .frame-color-image img,.craft-gallery figure img){transition:none!important}
  :is(.featured-card:hover .image,.catalog .art-card:hover,.collection-card:hover,.frame-color-card:hover .frame-color-image,.craft-gallery figure:hover,.featured-card:hover img,.art-card:hover .art-image img,.collection-card:hover img,.frame-color-card:hover .frame-color-image img,.craft-gallery figure:hover img){transform:none!important;filter:none!important}
  body:not(.admin-page) .site-header nav a{transition:none!important}
  body:not(.admin-page) .site-header nav a:hover{transform:none!important}
  body:not(.admin-page) :is(button,summary,a.button,a.nav-cta,a.favorites-filter,a.cart-filter,a.order-track-filter,a.language-switch,a.commerce-button,a.arrow-link,a.floating-wa,.mobile-order a,.policy-back,.policy-footer a,.footer-grid a){transition:none!important}
  body:not(.admin-page) :is(button,summary,a.button,a.nav-cta,a.favorites-filter,a.cart-filter,a.order-track-filter,a.language-switch,a.commerce-button,a.arrow-link,a.floating-wa,.mobile-order a,.policy-back,.policy-footer a,.footer-grid a):is(:hover,:active){transform:none!important;filter:none!important}
}
body.modal-open:not(.admin-page)>.announcement{position:fixed;inset:0 0 auto;z-index:91;width:100%}
body.modal-open:not(.admin-page)>.site-header{position:fixed;inset:32px 0 auto;z-index:90;width:100%}
.order-format-guide-localised{position:relative}
.order-format-guide-localised>img:first-of-type{display:block}
.order-format-guide-localised>.order-formats-guide-translation{position:absolute!important;z-index:1;inset:0 auto auto 0;width:100%!important;height:auto!important;max-width:none!important;margin:0!important;pointer-events:none;object-fit:contain}
img[data-image-protected="true"],.modal-stage,.artwork-visual-stage,.review-card,.detail-review-card,.modal-detail-review-card,.detail-review-dialog,.modal-detail-review-dialog{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none}
/* One WhatsApp mark per action, including links whose href is filled dynamically. */
:where(a[href*="wa.me/"],a[href*="api.whatsapp.com"],a.whatsapp,a.whatsapp-button,a.floating-wa,[data-order-whatsapp],[data-question-whatsapp],[data-set-whatsapp],[data-whatsapp-order],#modalWhatsApp,#modalQuestionWhatsApp,#modalSetWhatsApp,#shareArtworkWhatsApp){display:inline-flex;align-items:center;justify-content:center;gap:.55em}
:where(a[href*="wa.me/"],a[href*="api.whatsapp.com"],a.whatsapp,a.whatsapp-button,a.floating-wa,[data-order-whatsapp],[data-question-whatsapp],[data-set-whatsapp],[data-whatsapp-order],#modalWhatsApp,#modalQuestionWhatsApp,#modalSetWhatsApp,#shareArtworkWhatsApp)::before{content:'';display:inline-block;width:1.18em;height:1.18em;flex:0 0 1.18em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 11.5a8.5 8.5 0 0 1-12.7 7.4L3.5 20l1.2-4.1A8.5 8.5 0 1 1 20.5 11.5Z' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.1 7.5c.25-.55.52-.56.78-.57h.66c.22 0 .43.08.56.4l.78 1.88c.1.25.06.47-.12.7l-.6.72c-.18.2-.14.4-.02.6.54.9 1.33 1.66 2.25 2.18.22.12.43.16.62-.06l.77-.91c.2-.24.43-.28.7-.17l1.78.84c.3.14.4.34.36.62-.16 1.1-.92 1.94-1.98 2.2-.75.18-1.72.03-3.22-.62-1.27-.55-2.32-1.37-3.17-2.4-.72-.86-1.48-2.06-1.64-3.2-.12-.84.09-1.28.49-1.96Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 11.5a8.5 8.5 0 0 1-12.7 7.4L3.5 20l1.2-4.1A8.5 8.5 0 1 1 20.5 11.5Z' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.1 7.5c.25-.55.52-.56.78-.57h.66c.22 0 .43.08.56.4l.78 1.88c.1.25.06.47-.12.7l-.6.72c-.18.2-.14.4-.02.6.54.9 1.33 1.66 2.25 2.18.22.12.43.16.62-.06l.77-.91c.2-.24.43-.28.7-.17l1.78.84c.3.14.4.34.36.62-.16 1.1-.92 1.94-1.98 2.2-.75.18-1.72.03-3.22-.62-1.27-.55-2.32-1.37-3.17-2.4-.72-.86-1.48-2.06-1.64-3.2-.12-.84.09-1.28.49-1.96Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat}
:where(.detail-floating-whatsapp):has(>svg)::before{display:none}
:where(#shareArtworkWhatsApp,.share-button.whatsapp,.floating-wa)>span:first-child{display:none}
.arrow-link[href*="wa.me"]::before,.arrow-link[href*="api.whatsapp.com"]::before{background-color:#c49a5a}
.arrow-link[href*="wa.me"]>span,.arrow-link[href*="api.whatsapp.com"]>span{color:#c49a5a}
/* Persistent selected state, driven by the actual favourites filter (not hover). */
body:not(.admin-page) .site-header #favoriteFilter[aria-pressed="true"]{background:#d0a65f;border-color:#d0a65f;color:#102118}
body:not(.admin-page) .site-header #favoriteFilter[aria-pressed="true"] svg{stroke:#102118;fill:#102118}
body:not(.admin-page) .site-header #favoriteFilter[aria-pressed="true"] b{background:#102118;color:#f6dfb1;border-color:#102118}
.detail-service-card a[data-question-whatsapp],.detail-service-card a[data-set-whatsapp]{display:flex;place-items:unset;align-items:center;justify-content:center;gap:.55em}
/* Clear, balanced mobile actions: browsing first and WhatsApp enquiries second. */
@media(max-width:680px){
  body#top{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  body#top .mobile-order{height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);grid-template-columns:1fr 1fr}
  body#top .mobile-order a{display:flex!important;align-items:center;justify-content:center;gap:9px;font-family:'Alexandria',sans-serif;font-size:14px!important;font-weight:600;line-height:1.25;text-align:center}
  body#top .mobile-order .mobile-order-enquiries::before{width:23px;height:23px;flex:0 0 23px}
}