/* QPrinty V8 — compact, original storefront compositions and MONO-inspired workspace. */
.qprinty-arabic{--qp8-ink:#182b36;--qp8-accent:#14796d;--qp8-tint:#f2f5ef;--qp8-line:#e0e6e4;--qp8-muted:#627078}
.qp8-home{font-family:inherit;color:var(--qp8-ink);padding-top:12px;padding-bottom:38px}
.qp8-home *{box-sizing:border-box}.qp8-home a{text-decoration:none!important}
.qp8-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);min-height:355px;gap:20px;align-items:stretch;border-radius:20px;padding:28px 36px;margin-bottom:20px;background:#edf2e9;overflow:hidden;position:relative}
.qp8-hero-catalog{background:#eaeefa}.qp8-hero-business{background:#1b343b;color:white}.qp8-hero-copy{align-self:center;position:relative;z-index:1}.qp8-eyebrow{display:block;font-size:12px;letter-spacing:.04em;font-weight:850;color:#247d75;margin-bottom:10px}.qp8-hero-business .qp8-eyebrow{color:#aae5d4}
.qp8-hero h1{font-size:clamp(34px,4.15vw,65px);line-height:1.18;letter-spacing:-.035em;font-weight:950;margin:0 0 14px}.qp8-hero h1 em{font-style:normal;color:#207d6e}.qp8-hero-business h1 em{color:#a8f0cf}
.qp8-hero p{max-width:510px;line-height:1.85;margin:0 0 14px;font-size:15px;color:#52636b}.qp8-hero-business p{color:#d1e1dd}
.qp8-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-weight:850;font-size:13px}.qp8-actions>a:not(.qp8-btn){color:inherit}.qp8-btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;background:#163d44;color:#fff!important;border-radius:10px;padding:11px 18px;min-height:40px;text-decoration:none;font-weight:850}.qp8-business .qp8-btn{background:#bfecd9;color:#183338!important}.qp8-proof{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px;font-size:11px;font-weight:650}.qp8-proof span{border:1px solid #c7d8cf;padding:6px 9px;border-radius:7px}.qp8-business .qp8-proof span{border-color:#6e8c83}
.qp8-hero-art{display:flex;gap:12px;position:relative;align-items:center;justify-content:center}.qp8-hero-photo{width:72%;height:320px;border-radius:18px;background:#f9f5ed;overflow:hidden;transform:rotate(3deg);box-shadow:0 13px 35px #203a3d17}.qp8-hero-photo img{width:100%;height:100%;object-fit:cover}.qp8-side-product{position:absolute;bottom:0;left:0;width:38%;background:white;border-radius:14px;border:4px solid white;box-shadow:0 9px 28px #24412e2a;padding:5px;transform:rotate(-5deg)}.qp8-side-product img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}.qp8-side-product span{display:block;color:#244f53;font-size:10px;font-weight:850;text-align:center;padding:5px}
.qp8-hero-photo-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:155px 155px;gap:10px;align-content:center;direction:ltr}.qp8-hero-photo-grid img{width:100%;height:100%;object-fit:cover;border-radius:12px}.qp8-hero-photo-grid img:first-child{grid-row:span 2}
.qp8-section{margin:19px 0 21px}.qp8-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:12px}.qp8-heading small{font-size:11px;font-weight:800;color:var(--qp8-accent)}.qp8-heading h2{font-size:clamp(20px,2vw,27px);line-height:1.4;letter-spacing:-.025em;margin:3px 0 0;font-weight:900}.qp8-heading>a{color:#1a676a!important;font-size:12px;font-weight:800;white-space:nowrap}
.qp8-category-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.qp8-category-strip>a{border:1px solid var(--qp8-line);background:#fff;color:var(--qp8-ink)!important;border-radius:12px;overflow:hidden;display:block;transition:transform .2s,box-shadow .2s}.qp8-category-strip>a:hover,.qp8-product:hover{transform:translateY(-3px);box-shadow:0 12px 22px #0c2b3312}.qp8-category-strip img{width:100%;aspect-ratio:1.35;object-fit:cover;display:block}.qp8-category-strip span{display:flex;justify-content:space-between;padding:8px 10px;font-size:12px;font-weight:800}.qp8-category-strip b{color:#1c8379}
.qp8-template-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.qp8-template-strip>a{border:1px solid var(--qp8-line);border-radius:12px;overflow:hidden;background:#fff}.qp8-template-strip img{width:100%;aspect-ratio:4/4.5;object-fit:cover}.qp8-template-strip span{display:block;color:var(--qp8-ink);font-size:11px;padding:8px 10px;font-weight:750}
.qp8-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.qp8-product{display:block;overflow:hidden;border:1px solid var(--qp8-line);border-radius:12px;transition:transform .2s,box-shadow .2s;background:#fff}.qp8-product img{width:100%;aspect-ratio:1.3;object-fit:cover;display:block}.qp8-product>div{padding:10px}.qp8-product small{font-size:10px;color:#668083}.qp8-product h3{font-size:13px!important;margin:3px 0 6px;line-height:1.5}.qp8-product h3 a{color:#233e48!important}.qp8-product span{font-size:12px;color:#17756f;font-weight:900}.qp8-empty{grid-column:1/-1;padding:22px;background:#f5f7f3;border-radius:12px;color:#526a69}
.qp8-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;border-radius:14px;background:#16383d;color:white;padding:20px 26px;margin-top:25px}.qp8-bottom strong{font-size:20px}.qp8-bottom p{max-width:480px;margin:0;color:#d4e5e1;font-size:13px;line-height:1.7}.qp8-bottom .qp8-btn{background:#c1e5d6;color:#153b40!important}
.qp8-method-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.qp8-method-strip>a{display:grid;gap:7px;border:1px solid var(--qp8-line);background:#f8faf9;border-radius:11px;padding:15px 18px;color:var(--qp8-ink)!important}.qp8-method-strip strong{font-size:15px}.qp8-method-strip span{font-size:12px;color:#667b7c;line-height:1.6}.qp8-method-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.qp8-method-list>div{border-radius:12px;padding:13px 14px;border:1px solid #dfe5e3;background:white}.qp8-method-list b{font-size:15px}.qp8-method-list p{font-size:12px;line-height:1.75;color:#60717a;margin:5px 0 0}
/* Admin-managed full template library */
.qp-template-gallery{padding:20px 0 8px;margin:12px 0 25px;border-top:1px solid #dfe7e5}.qp-template-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}.qp-template-intro h2{margin:5px 0;font-size:clamp(20px,2.4vw,28px)}.qp-template-intro p{font-size:13px;color:#687b7b;margin:0;line-height:1.7}.qp-template-tools{display:flex;gap:7px;flex-wrap:wrap}.qp-template-tools label{font-size:11px;color:#66807a}.qp-template-tools input,.qp-template-tools select{display:block;min-height:37px;width:170px;background:white;border-radius:9px;border:1px solid #d5e0de;padding:6px 10px}.qp-template-gallery .qp-template-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important}.qp-template-gallery .qp-template-tile{padding:0!important;border:1px solid #dfe8e5!important;border-radius:12px!important;overflow:hidden;box-shadow:none!important}.qp-template-photo{display:block;aspect-ratio:9/10;overflow:hidden;background:#f1f4ef}.qp-template-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.qp-template-tile:hover .qp-template-photo img{transform:scale(1.035)}.qp-template-meta{padding:11px}.qp-template-meta span{color:#598078;font-size:10px}.qp-template-meta h3{margin:5px 0!important;font-size:15px!important;font-weight:900}.qp-template-meta a{font-size:12px;font-weight:800;color:#08776d!important}.qp-template-gallery #qp-template-empty{padding:12px;background:#faf5ed;border-radius:10px}
/* Compact, accessible original professional design workspace */
.qp-studio-route.container{max-width:1540px!important;width:calc(100% - 28px)!important}.qp-studio-route .qp-studio-route-top{padding:10px 8px 13px!important;margin:0!important}.qp-studio-route .qp-studio-route-top h1{font-size:clamp(20px,2.1vw,31px)!important;margin:4px 0!important}.qp-studio-route .qp-studio-route-top p{font-size:12px!important;line-height:1.6!important}.qp-studio-route .qp-studio-heading{display:none!important}
.qp-studio-route .qp-designer-shell{display:grid!important;grid-template-columns:minmax(210px,245px) minmax(410px,1fr) minmax(205px,245px)!important;gap:9px!important;align-items:start!important;direction:rtl!important}
.qp-studio-route .qp-sidebar,.qp-studio-route .qp-preview-panel{border:1px solid #e0e5e8!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;min-width:0!important;max-height:calc(100vh - 135px)!important;overflow:auto!important;padding:11px!important}
.qp-studio-route .qp-tool-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;padding:0!important;margin-bottom:9px!important;position:sticky;top:-11px;background:white;z-index:5}.qp-studio-route .qp-tool-tabs button{font-size:11px!important;padding:9px 5px!important;border-radius:7px!important;min-height:34px!important}
.qp-studio-route .qp-panel{padding:6px 0!important}.qp-studio-route .qp-panel label{font-size:11px!important}.qp-studio-route .qp-panel :is(input,select,textarea){font-size:12px!important;padding:7px!important;max-width:100%!important}.qp-studio-route .qp-tool-row{gap:5px!important}.qp-studio-route .qp-tool-row button,.qp-studio-route .qp-panel>button{padding:8px!important;font-size:11px!important;min-height:30px!important}.qp-studio-route .qp-sidebar h3{font-size:13px!important}.qp-studio-route .qp-tip{font-size:10px!important;line-height:1.6!important}.qp-studio-route .qp-quick-phrases{gap:5px!important}
.qp-studio-route .qp-workbench{padding:8px!important;background:#e9eef0!important;border:1px solid #dce4e7!important;border-radius:12px!important;min-height:0!important}.qp-studio-route .qp-workbench-head{padding:2px 4px!important;margin:0 0 7px!important}.qp-studio-route .qp-workbench-actions{gap:4px!important;flex-wrap:wrap!important}.qp-studio-route .qp-workbench-actions button{font-size:11px!important;padding:6px!important}.qp-studio-route .qprinty-stage-tabs{gap:5px!important;margin-bottom:5px!important}.qp-studio-route .qp-canvas-holder{padding:9px!important;border-radius:8px!important;min-height:0!important;display:flex!important;justify-content:center!important;align-items:center!important;background:#dfe6e9!important}.qp-studio-route .qp-canvas-holder canvas{width:auto!important;height:auto!important;max-width:100%!important;max-height:min(64vh,645px)!important;aspect-ratio:1!important;box-shadow:0 8px 25px #122c3510!important}
.qp-studio-route .qp-preview-panel h3{font-size:13px!important;margin:0 0 8px!important}.qp-studio-route .qp-mini-preview.qp-live-mockup{height:240px!important;min-height:0!important;background:#f5f6f4!important}.qp-studio-route .qp-preview-hint{font-size:11px!important;line-height:1.65!important}.qp-studio-route .qp-preview-panel>p:not(.qp-preview-hint){display:none!important}.qp-studio-route .qp-preview-panel button{font-size:11px!important;padding:7px 9px!important;min-height:30px!important}.qp-studio-route .qp-preview-panel label{font-size:11px!important}.qp-studio-route .qp-preview-panel small{font-size:10px!important}
.qp8-admin-layouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.qp8-admin-layout{padding:20px;border-radius:10px;border:1px solid #d1d7d5;background:white;display:block}.qp8-admin-layout strong{display:block;margin:10px 0;font-size:20px}.qp8-admin-layout p{line-height:1.7}.qp8-admin-layout a{display:inline-block;padding:7px 0}.qp8-admin-mockup{display:grid;gap:10px}.qp8-mockup-row{display:flex;gap:15px;align-items:center;justify-content:space-between;border:1px solid #ddd;padding:12px}.qp8-media-preview{width:110px;max-height:125px;object-fit:contain}.qp8-media-preview[hidden]{display:none}
@media(max-width:1150px){.qp8-category-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.qp8-template-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.qp-studio-route .qp-designer-shell{grid-template-columns:230px minmax(0,1fr)!important}.qp-studio-route .qp-preview-panel{grid-column:1/-1!important;max-height:none!important;display:block!important}.qp-studio-route .qp-sidebar{max-height:75vh!important}.qp8-method-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:750px){.qp8-hero{grid-template-columns:1fr;padding:20px;min-height:0}.qp8-hero-art{min-height:230px}.qp8-hero-photo{height:245px;max-width:410px}.qp8-hero-photo-grid{grid-template-rows:130px 130px;max-width:550px}.qp8-hero h1{font-size:38px}.qp8-products{grid-template-columns:repeat(2,1fr)}.qp8-method-strip{grid-template-columns:1fr}.qp-template-intro{display:block}.qp-template-tools{margin-top:13px}.qp-template-gallery .qp-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qp-studio-route .qp-designer-shell{grid-template-columns:1fr!important;display:flex!important;flex-direction:column!important}.qp-studio-route .qp-workbench{order:1!important;width:100%}.qp-studio-route .qp-sidebar{order:2!important;width:100%;max-height:none!important;overflow:visible!important}.qp-studio-route .qp-preview-panel{order:3!important;width:100%}.qp-studio-route .qp-canvas-holder canvas{max-height:390px!important}.qp8-admin-layouts{grid-template-columns:1fr}}
@media(max-width:440px){.qp8-home{padding-inline:8px}.qp8-category-strip{grid-template-columns:repeat(3,1fr);gap:6px}.qp8-category-strip span{font-size:10px;padding:7px}.qp8-template-strip{grid-template-columns:repeat(3,1fr);gap:6px}.qp8-template-strip span{font-size:9px;padding:6px}.qp8-hero h1{font-size:32px}.qp8-hero p{font-size:13px}.qp8-hero-photo-grid{grid-template-rows:100px 100px}.qp8-products{gap:7px}.qp8-heading h2{font-size:19px}.qp8-bottom{padding:16px}.qp8-method-list{grid-template-columns:1fr}.qp-template-tools input,.qp-template-tools select{width:135px}.qp-studio-route .qp-canvas-holder canvas{max-height:310px!important}}