/* Qalamhasan theme only. Garment shaders, lighting and artwork controls stay upstream. */
:root { --qalam-orange: #e0523d; --qalam-orange-hover: #c94230; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }
.faq-card-3 { margin-top: 10px; }
#controls_main { min-height: calc(100dvh - 10px); padding-bottom: 75px; }
#fullscreenbutton { top: 10px; margin-top: 0; background: var(--qalam-orange); border-radius: 10px; }
#fullscreenbutton img { mix-blend-mode: multiply; }
#upload_design, #advanced_controls, .div-block-28.advanced, #download_design,
#exportimage, #exportimage:hover, .ms-toggle-checkbox:checked ~ .ms-toggle-bg,
.noUi-connect { background-color: var(--qalam-orange) !important; color: white; }
#upload_design:hover, #download_design:hover, .div-block-28.advanced:hover { background-color: var(--qalam-orange-hover) !important; }
/* Remove the paid feature entries, rather than making them appear unlocked. */
.accordion-item:has(#prosignal), .accordion-item:has(#prosignal2),
#exportvideo, #exportmodel, #animationsmobile, .animationbuttonmobile,
#proUpgradePopup, [id^="prosignal"] { display: none !important; }
button:focus-visible, a:focus-visible, [role="button"]:focus-visible { outline: 2px solid var(--qalam-orange); outline-offset: 4px; }
.qalam-footer { position: fixed; bottom: 16px; left: 20px; z-index: 30; display: flex; align-items: center; gap: 18px; font: 11px Poppins, sans-serif; color: #444; }
.qalam-footer img { width: 56px; height: 28px; object-fit: contain; }
.qalam-footer a { color: inherit; text-decoration: none; }
.qalam-footer a:hover { color: var(--qalam-orange); }
@media (max-width: 767px) {
  .grid-5 { grid-template-columns: repeat(4, 1fr) !important; }
  .div-block-31 { color: var(--qalam-orange); }
  .qalam-footer { top: 12px; bottom: auto; left: 12px; padding: 7px 11px; color: white; background: #171514c9; border-radius: 8px; }
  .qalam-footer img { display: none; }
  #fullscreenbutton { right: 12px; }
}
/* The source's empty 100px navigation placeholder must not cover full-screen tools. */
.topbanner { display: none !important; }