/* QPrinty 4 — Arabic-first catalog/creative tools. Own layout, no dependency on editor theme UI. */
.qp-experience,.qp-studio-route{--qp-ink:#173a3e;--qp-muted:#617678;--qp-line:#e0e8e4;--qp-cream:#f8f4ec;--qp-accent:#bf8050;max-width:1360px!important;padding-bottom:62px;font-family:Tahoma,Arial,sans-serif;line-height:1.75}
.qp-experience a,.qp-studio-route a{text-decoration:none}
.qp-experience h1,.qp-experience h2,.qp-experience h3,.qp-studio-route h1,.qp-studio-route h2{color:var(--qp-ink);line-height:1.35}
.qp-experience-hero{display:grid;grid-template-columns:1.18fr .82fr;gap:28px;padding:42px 48px;border-radius:27px;background:linear-gradient(115deg,#f1f4ec,#f9f1e7);align-items:center;overflow:hidden}
.qp-experience-hero h1{font-weight:900;font-size:clamp(2.25rem,4vw,4rem);margin:15px 0}.qp-experience-hero p{font-size:1.1rem;max-width:620px;color:#536b6d;line-height:2.1}
.qp-exp-hero-visual{border-radius:26px;overflow:hidden;max-height:420px;box-shadow:0 12px 28px #344e4421;aspect-ratio:1.15}.qp-exp-hero-visual img{width:100%;height:100%;object-fit:cover}
.qp-exp-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px;align-items:center}.qp-exp-ghost{border:1px solid #b2c8c1;border-radius:12px;padding:11px 19px;background:#fff;color:#205d62;font-weight:800}
.qp-exp-editorial{margin:20px 0 38px;max-width:880px;color:#596e70;font-size:.96rem}.qp-exp-editorial p{margin:0}
.qp-exp-tool,.qp-template-selection,.qp-exp-catalog,.qp-exp-guides,.qp-exp-mockups{margin:44px 0}.qp-exp-tool{padding:30px;border:1px solid #dfebe5;background:white;border-radius:23px;display:grid;grid-template-columns:minmax(270px,1fr) minmax(220px,.85fr);gap:20px}.qp-exp-tool>h2,.qp-exp-tool>p,.qp-exp-tool-intro{grid-column:1/-1}.qp-exp-tool h2,.qp-template-selection h2,.qp-exp-catalog h2,.qp-exp-guides h2,.qp-exp-mockups h2{font-size:clamp(1.4rem,2.4vw,2rem);font-weight:900;margin:0 0 12px}.qp-exp-tool-intro p,.qp-exp-mockups p{color:#7b8b88}
.qp-tool-form{display:flex;flex-direction:column;gap:14px;min-width:0;max-width:650px}.qp-tool-form label{display:flex;flex-direction:column;gap:7px;font-size:.92rem;font-weight:800;color:#405e61}.qp-tool-form :is(textarea,input:not([type=checkbox]),select){width:100%;max-width:100%;border:1px solid #d4e1dc;border-radius:12px;padding:12px;color:#28484c;background:white;min-height:48px}.qp-tool-form input[type=color]{height:48px;padding:5px}.qp-tool-form button{border:0;cursor:pointer;max-width:max-content}.qp-tool-form small{color:#65797b}.qp-tool-form label:has(input[type=checkbox]){flex-direction:row;align-items:center;font-weight:500}
.qp-intent-preview,.qp-pattern-preview{background:#f7f2e8;border:1px dashed #d6c8b4;min-height:290px;border-radius:21px;display:grid;place-items:center;text-align:center;padding:28px;word-break:break-word;font-size:clamp(2rem,4vw,4.2rem);font-weight:800;color:#215c63;line-height:1.6}.qp-pattern-preview{font-size:3rem;letter-spacing:10px;line-height:2.4}
.qp-image-preview{border-radius:16px;background:#eeeae3;display:grid;place-items:center;min-height:250px;overflow:hidden}.qp-image-preview canvas{max-width:100%;max-height:420px;object-fit:contain}
.qp-quality-result,.qp-calculator-result,.qp-tool-result{padding:18px;background:#eaf3ee;border-radius:13px;color:#215b60;line-height:2}.qp-calculator-result{display:flex;flex-direction:column;gap:6px}.qp-calculator-result strong{font-size:2.15rem}.qp-calculator-result span{font-size:.82rem}.qp-quality-result{font-size:1.04rem}
.qp-experience-products,.qp-template-grid,.qp-method-grid,.qp-exp-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.qp-exp-item,.qp-template-grid article,.qp-method-grid article{background:#fff;border:1px solid #e1e9e5;border-radius:18px;overflow:hidden;box-shadow:0 4px 16px #12463e06}.qp-exp-item img,.qp-exp-thumb{width:100%;aspect-ratio:1;object-fit:cover;display:grid;place-items:center;background:#f0ede6;font-size:3rem}.qp-exp-item>div{padding:17px}.qp-exp-item h3{font-size:1.1rem;font-weight:800}.qp-exp-item p{color:#586e70;margin:12px 0}.qp-exp-item div>a{display:inline-block;color:#145e66;font-weight:850;border-bottom:1px solid #b8d5ce;padding:4px 0}.qp-exp-empty{grid-column:1/-1;padding:28px;border-radius:15px;background:#f4f5f0;color:#55716b}
.qp-template-grid article{padding:13px}.qp-template-grid h3{margin:13px 5px;font-size:1rem}.qp-template-art{min-height:240px;background:#f5f1e9;border-radius:13px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:2.5rem;gap:12px}.qp-template-art strong{font-size:1.5rem}.qp-template-grid button{color:#12575a;font-size:.94rem;border:1px solid #d7e7df;border-radius:9px;padding:10px 14px;background:white;cursor:pointer}.qp-method-grid article{padding:24px}.qp-method-grid h2{font-size:1.25rem}.qp-method-grid p,.qp-method-grid small{color:#637879}
.qp-exp-links{grid-template-columns:repeat(3,minmax(0,1fr))}.qp-exp-links a{display:flex;flex-direction:column;gap:8px;background:#f5f7f2;border:1px solid #e1e8df;border-radius:14px;padding:20px;color:#1a5358}.qp-exp-links a strong{font-size:1.1rem}.qp-exp-links a span{font-size:.82rem;line-height:1.9;color:#6c8182}
.qp-exp-mockups .qp-mockup-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.qp-exp-mockups img{width:100%;border-radius:15px;aspect-ratio:1;object-fit:cover}
.qp-studio-route-top{background:#f5f6f0;border:1px solid #e4e9e2;border-radius:19px;padding:25px 30px;margin:18px 0 25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.qp-studio-route-top h1{font-size:clamp(1.7rem,3vw,2.9rem);font-weight:900;margin:8px 0}.qp-studio-route-top p{color:#617677;margin:0;max-width:700px}.qp-back-product{white-space:nowrap;font-weight:850;color:#275f65;border:1px solid #b8cbc4;padding:11px 17px;border-radius:12px;background:white}
/* Make the work surface take precedence over the configuration, without hiding validation or pricing. */
.qp-studio-route .qp-order-config{border-radius:17px;padding:20px;margin:0 0 24px;background:#fff}.qp-studio-route .qp-designer-shell{grid-template-columns:minmax(250px,310px) minmax(430px,1fr) minmax(215px,260px);min-height:640px}.qp-studio-route .qprinty-studio{border:1px solid #dce9e3;border-radius:20px;overflow:hidden}.qp-studio-route .qp-canvas-holder #qprinty-canvas{width:min(100%,640px)}
.qp-site-footer{margin-top:50px;padding:60px 0 18px!important;background:#173d42!important;color:#e6f0eb!important}.qp-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.qp-footer-grid>div{display:flex;flex-direction:column;gap:10px}.qp-footer-grid h3{font-size:1.06rem;font-weight:850;color:#fff!important;margin:0 0 12px}.qp-footer-grid a{color:#e1e8e3!important;text-decoration:none!important}.qp-footer-grid a:hover{color:#ebbd88!important}.qp-footer-logo{font-size:1.75rem;font-weight:900}.qp-footer-logo span{color:#e8b782}.qp-footer-grid p{color:#bdccca;max-width:390px;line-height:2}.qp-footer-bottom{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #ffffff20;margin-top:30px;padding-top:18px;color:#c8d6d2;font-size:.8rem}
.qp-mockup-showcase{margin:30px auto 48px}.qp-mockup-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.qp-mockup-gallery a{position:relative;display:block;overflow:hidden;border-radius:18px;background:#f1efea;text-decoration:none}.qp-mockup-gallery img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform .3s ease}.qp-mockup-gallery a:hover img{transform:scale(1.04)}.qp-mockup-gallery span{position:absolute;right:12px;left:12px;bottom:10px;border-radius:10px;padding:9px 15px;background:#ffffffea;color:#1e5a60;font-weight:850}
.qp-product-promo{background:linear-gradient(110deg,#eaf2ec,#f8f0e3);border:1px solid #d7e6d9;border-radius:19px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin:24px 0 32px}.qp-product-promo>div{flex:1}.qp-product-promo h2{font-size:1.6rem;font-weight:900;color:#1b5358}.qp-product-promo p{color:#597170;max-width:680px;line-height:1.95}.qp-product-promo .qp-begin-customization{flex-shrink:0;text-align:center}.qp-product-surfaces{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-top:15px;font-size:.84rem}.qp-product-surfaces span{border-radius:15px;padding:5px 10px;background:#fff}
.qp-mini-preview.qp-live-mockup{display:block;position:relative;width:100%;min-height:260px;height:300px;overflow:hidden;background:#ede6db;border-radius:15px}.qp-live-mockup img{display:block;height:100%;width:100%;object-fit:cover}.qp-live-mockup canvas{position:absolute;max-width:unset;max-height:unset;object-fit:contain;top:30%;left:34%;width:32%;height:36%;mix-blend-mode:multiply;pointer-events:none}
.qp-studio-route .qp-workbench{min-height:640px}.qp-studio-route .qp-preview-panel{padding:16px}.qp-studio-route .qp-workbench-head{flex-wrap:wrap}
@media(max-width:1150px){.qp-studio-route .qp-designer-shell{grid-template-columns:260px minmax(300px,1fr)}.qp-studio-route .qp-preview-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.qp-experience-products,.qp-template-grid,.qp-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.qp-experience-hero{padding:25px;grid-template-columns:1fr}.qp-exp-hero-visual{max-height:320px;display:none}.qp-exp-tool{grid-template-columns:1fr;padding:20px}.qp-exp-tool-intro{grid-column:auto}.qp-exp-links{grid-template-columns:repeat(2,minmax(0,1fr))}.qp-studio-route .qp-designer-shell{grid-template-columns:1fr}.qp-studio-route .qp-preview-panel{grid-column:auto;display:flex}.qp-footer-grid{grid-template-columns:1fr 1fr}.qp-product-promo{flex-direction:column;align-items:stretch}.qp-product-promo .qp-begin-customization{width:100%}.qp-studio-route-top{flex-direction:column;align-items:flex-start}.qp-studio-route .qp-workbench{min-height:450px}}
@media(max-width:540px){.qp-experience h1{font-size:2rem}.qp-experience-products,.qp-template-grid,.qp-method-grid,.qp-exp-links{grid-template-columns:1fr}.qp-exp-mockups .qp-mockup-gallery,.qp-mockup-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.qp-footer-grid{grid-template-columns:1fr 1fr;gap:24px}.qp-footer-grid>div:first-child{grid-column:1/-1}.qp-footer-bottom{flex-direction:column}.qp-intent-preview{font-size:2.2rem}.qp-studio-route-top{padding:18px}.qp-tool-form button{max-width:100%}}

.qp-help-content{max-width:900px;background:#fff;border:1px solid #e3eae5;border-radius:20px;padding:30px}.qp-help-content ol{padding-inline-start:25px;line-height:2.5;color:#466264}.qp-help-content p{color:#5e7274;line-height:2.1}.qp-size-data{margin:25px 0}.qp-size-data table{border-collapse:collapse;width:100%}.qp-size-data th,.qp-size-data td{border:1px solid #dee7e2;padding:12px;text-align:right}.qp-size-data th{background:#f0f5ef}.qp-governorates{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.qp-governorates span{background:#eef5f0;padding:7px 13px;border-radius:12px;color:#286169}.qp-help-faq details{border:1px solid #e4e9e5;border-radius:12px;padding:12px 16px;margin:11px 0}.qp-help-faq summary{cursor:pointer;font-weight:850;color:#285b60}.qp-exp-project{background:#f2f6f1;padding:21px;border-radius:13px;border:1px solid #deebe3}.qp-exp-project h3{font-size:1.08rem;font-weight:850}.qp-exp-project a{display:block;color:#205f65;margin:10px 0}.qp-exp-project button{border:1px solid #e9c6bb;color:#903b2a;background:#fff;border-radius:8px;padding:7px 12px;cursor:pointer}

.qp-webgl-wrap{margin-top:18px;padding:14px;background:#f5f6fb;border:1px solid #e3e5f0;border-radius:16px;direction:rtl}.qp-webgl-wrap h4{margin:0 0 8px}.qp-webgl-wrap p{font-size:12px;color:#5b6475}.qp-webgl-wrap canvas{max-width:100%;height:240px;width:100%;border-radius:12px;touch-action:pan-y;display:block;background:#f3f5f9}.qp-webgl-actions{display:flex;gap:9px;margin-top:9px;flex-wrap:wrap}.qp-webgl-actions button,.qp-export-advanced{border:1px solid #a397e9;background:white;border-radius:9px;color:#4c38a7;padding:8px 10px;margin:4px;font-weight:600;cursor:pointer}.qp-webgl-actions button:focus-visible,.qp-export-advanced:focus-visible{outline:2px solid #6f57d9}

@media(max-width:620px){.qp-webgl-wrap{padding:9px}.qp-export-advanced{font-size:12px;width:100%;margin:4px 0}.qp-webgl-wrap canvas{height:220px}}
/* QPrinty 6: usable product artwork stage and deliberate individual page treatments */
.qp-experience,.qp-studio-route{font-family:'QPrinty Sans',Tahoma,Arial,sans-serif}
.qp-experience-hero{position:relative;isolation:isolate;box-shadow:0 20px 60px #143f4a0c}
.qp-experience-hero:before{content:'';position:absolute;inset:auto auto -95px 40%;width:280px;height:280px;z-index:-1;border-radius:50%;background:#cfdcdb76;filter:blur(3px)}
.qp-experience-hero .qp-exp-hero-visual{aspect-ratio:1/1.02;max-height:460px;background:radial-gradient(ellipse at center,#fff 0%,#ecece5 65%,#d8e6df 100%);display:grid;place-items:center;box-shadow:none}
.qp-experience-hero .qp-exp-hero-visual img{object-fit:contain;width:96%;height:96%;filter:drop-shadow(0 16px 12px #15333a19)}
.qp-experience[data-tool="name"] .qp-experience-hero,.qp-experience[data-tool="fonts"] .qp-experience-hero{background:linear-gradient(120deg,#efe9dd,#e8f0ed)}
.qp-experience[data-tool="commercial"] .qp-experience-hero,.qp-experience[data-tool="quote"] .qp-experience-hero{background:linear-gradient(120deg,#e5edea,#dfe9ec)}
.qp-experience[data-tool="occasion"] .qp-experience-hero,.qp-experience[data-tool="templates"] .qp-experience-hero{background:linear-gradient(120deg,#f9eee3,#eee8e8)}
.qp-experience[data-tool="products"] .qp-experience-hero{background:linear-gradient(110deg,#e7f3ee,#f4f4eb)}
.qp-experience[data-tool="methods"] .qp-experience-hero,.qp-experience[data-tool="calculator"] .qp-experience-hero{background:linear-gradient(115deg,#e8ebf8,#f0f5f3)}
.qp-experience[data-tool="help"] .qp-experience-hero{background:linear-gradient(120deg,#f2f5f3,#ece7dd)}
.qp-experience[data-tool="tools"] .qp-experience-hero{background:linear-gradient(120deg,#edf0fc,#eaf4f3)}
.qp-deep-content{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:32px 0 48px;align-items:stretch}
.qp-deep-content>div{padding:30px clamp(20px,3vw,40px);border-radius:23px;min-width:0}
.qp-deep-intro{background:#fbfcfa;border:1px solid #dfe9e4}
.qp-deep-detail{background:linear-gradient(145deg,#173e43,#265962);color:#edf6f3}
.qp-deep-content h2{font-size:clamp(1.65rem,2.5vw,2.2rem);font-weight:850;line-height:1.5;margin:12px 0;color:#1c4d51}
.qp-deep-content h3{font-size:1.35rem;color:#fff;font-weight:800;margin:3px 0 18px}
.qp-deep-content p{line-height:2.15;font-size:1rem;margin:0;color:#496568}
.qp-deep-detail p{color:#ecf3f0}.qp-deep-detail ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none!important;padding:0;margin:25px 0 0}
.qp-deep-detail li{display:flex;align-items:center;gap:9px;background:#ffffff15;border:1px solid #ffffff35;color:#fff;padding:8px 13px;border-radius:999px;font-size:.88rem}
.qp-deep-detail li span{background:#f6dfbc;color:#205354;width:23px;height:23px;display:inline-grid;place-items:center;border-radius:50%;font-weight:900}
.qp-experience[data-tool="products"] .qp-deep-content,.qp-experience[data-tool="occasion"] .qp-deep-content{grid-template-columns:1.1fr .9fr}
.qp-experience[data-tool="commercial"] .qp-deep-content{grid-template-columns: .95fr 1.05fr}
.qp-experience[data-tool="commercial"] .qp-deep-detail{background:linear-gradient(140deg,#253a56,#45607b)}
.qp-studio-route{max-width:1540px!important}
.qp-studio-route .qp-studio-route-top{background:#eef3f0;padding:30px 38px;box-shadow:0 7px 24px #173d4210}
.qp-studio-route .qp-order-config{border:1px solid #e4e8e2}
.qp-studio-route .qp-designer-shell{grid-template-columns:minmax(255px,305px) minmax(360px,1fr) minmax(270px,310px);gap:0}
.qp-studio-route .qp-workbench{background:#f0f3ef}
.qp-studio-route .qp-canvas-holder{background:#e2e8e5;min-height:490px;display:grid;place-items:center;padding:22px}
.qp-studio-route .qp-canvas-holder canvas{background:#fff!important;border-radius:7px;box-shadow:0 15px 36px #1a404326}
.qp-mini-preview.qp-live-mockup{height:355px;min-height:0;background:linear-gradient(150deg,#e9eeea,#f8f8f4);border:1px solid #d7e2df;display:grid;place-items:center}
.qp-live-mockup img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 8px 10px #173d3e18)}
.qp-live-mockup canvas{position:absolute!important;top:40%!important;left:36%!important;width:28%!important;height:28%!important;max-width:none!important;max-height:none!important;object-fit:fill!important;mix-blend-mode:normal!important;pointer-events:none;opacity:1;box-shadow:none!important;border:0!important;background:transparent!important}
.qp-live-mockup[data-model="tshirt"] canvas{top:39%!important;left:36%!important;width:28%!important;height:27%!important}
.qp-live-mockup[data-model="hoodie"] canvas{top:42%!important;left:36%!important;width:28%!important;height:26%!important}
.qp-live-mockup[data-model="mug"] canvas{top:41%!important;left:34%!important;width:33%!important;height:24%!important}
.qp-live-mockup[data-model="tote"] canvas{top:49%!important;left:34%!important;width:32%!important;height:25%!important}
.qp-live-mockup[data-model="cap"] canvas{top:39%!important;left:39%!important;width:23%!important;height:13%!important}
.qp-live-mockup[data-model="pillow"] canvas{top:37%!important;left:34%!important;width:32%!important;height:33%!important}
.qp-live-mockup[data-model="poster"] canvas{top:23%!important;left:29%!important;width:42%!important;height:54%!important}
.qp-live-mockup[data-surface="back"] canvas{left:36%!important}
.qp-live-mockup[data-surface="sleeve"] canvas{top:34%!important;left:22%!important;width:14%!important;height:14%!important}
.qp-preview-hint{font-size:.82rem;color:#506a68;line-height:1.85;margin:8px 0 16px}
.qp-art-search{display:grid;gap:5px;font-weight:700;margin:14px 0 8px}.qp-art-search input{height:44px;border:1px solid #cadae0;border-radius:10px;padding:0 12px;max-width:100%}
.qp-art-library{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:350px;overflow-y:auto;overscroll-behavior:contain}
.qp-art-library .qp-gallery-item{display:grid!important;gap:4px;align-items:center;justify-items:center;min-height:95px;border:1px solid #dde7e5;background:#fafcfb;border-radius:12px;padding:8px;cursor:pointer}
.qp-art-library .qp-gallery-item img{height:65px;width:65px;object-fit:contain}
.qp-art-library .qp-gallery-item span{font-size:10px;line-height:1.3;color:#3e5e5e}
.qp-art-library .qp-gallery-item[hidden]{display:none!important}
.qp-art-library .qp-gallery-item:hover{outline:2px solid #b78b58}
.qp-studio-route .qp-order-submit{position:sticky;bottom:0;z-index:12;background:#fffdfa;border:1px solid #dfebe4;box-shadow:0 -7px 26px #183c4a1d;border-radius:15px}
.qp-exp-mockups .qp-mockup-gallery img{object-fit:contain;background:linear-gradient(130deg,#ecf2ee,#f5f1e8);padding:20px}
@media(max-width:1280px){.qp-studio-route .qp-designer-shell{grid-template-columns:minmax(230px,280px) minmax(310px,1fr)}.qp-studio-route .qp-preview-panel{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:12px}}
@media(max-width:840px){.qp-deep-content{grid-template-columns:1fr!important}.qp-experience-hero .qp-exp-hero-visual{display:grid}.qp-studio-route .qp-designer-shell{grid-template-columns:1fr}.qp-studio-route .qp-preview-panel{display:flex;grid-column:auto}.qp-studio-route .qp-canvas-holder{min-height:310px}}
@media(max-width:580px){.qp-deep-content{gap:12px;margin:22px 0 30px}.qp-deep-content>div{padding:22px}.qp-deep-content p{font-size:.94rem}.qp-studio-route .qp-order-submit{padding:13px 16px}.qp-experience-hero .qp-exp-hero-visual{max-height:240px}.qp-studio-route .qp-preview-panel{padding:16px}.qp-art-library{grid-template-columns:repeat(3,minmax(0,1fr))}.qp-studio-route .qp-canvas-holder{padding:10px}}

/* Give the product canvas immediate priority on narrow screens; controls follow it. */
@media(max-width:840px){.qp-studio-route .qp-workbench{order:0}.qp-studio-route .qp-sidebar{order:1}.qp-studio-route .qp-preview-panel{order:2}.qp-studio-route .qp-designer-shell{display:flex;flex-direction:column}.qp-studio-route .qp-workbench{min-height:0}.qp-studio-route #qprinty-canvas{max-width:min(100%,520px)}}