/* Noor Naksha v1.9.0 — Custom Order major UI, category experience, mobile commerce search, circular sale badge and scroll progress */

/* --------------------------------------------------------------------------
 * Navigation dropdown: the configured fill covers the whole panel edge-to-edge.
 * -------------------------------------------------------------------------- */
.nn-nav-list .sub-menu{
  padding:0!important;background:var(--nn-v19-dropdown-bg)!important;color:var(--nn-v19-dropdown-text)!important;
  border:1px solid color-mix(in srgb,var(--nn-v19-dropdown-text) 12%,transparent)!important;
  border-radius:8px!important;overflow:visible!important;box-shadow:0 16px 34px rgba(13,45,35,.12)!important;
}
.nn-nav-list .sub-menu>li{margin:0!important;background:transparent!important;border-bottom:1px solid color-mix(in srgb,var(--nn-v19-dropdown-text) 9%,transparent)!important;position:relative}
.nn-nav-list .sub-menu>li:last-child{border-bottom:0!important}
.nn-nav-list .sub-menu a{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:11px 14px!important;border-radius:0!important;background:transparent!important;color:var(--nn-v19-dropdown-text)!important}
.nn-nav-list .sub-menu a:hover,.nn-nav-list .sub-menu .nn-current-menu-item>a{background:var(--nn-v19-dropdown-hover-bg)!important;color:var(--nn-v19-dropdown-hover-text)!important}
.nn-nav-list .sub-menu .sub-menu{left:100%!important;top:0!important;margin-left:1px!important;min-width:220px!important}
.nn-nav-list .nn-view-all-categories-v19>a{font-weight:800!important;color:var(--nn-green)!important}

/* --------------------------------------------------------------------------
 * Circular WooCommerce sale badge.
 * -------------------------------------------------------------------------- */
body.woocommerce .nn-shop-sale-badge-v18,
body.woocommerce-page .nn-shop-sale-badge-v18{
  width:var(--nn-v19-sale-size-d)!important;height:var(--nn-v19-sale-size-d)!important;min-width:var(--nn-v19-sale-size-d)!important;min-height:var(--nn-v19-sale-size-d)!important;
  padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;text-align:center!important;
  left:12px!important;top:12px!important;font-size:var(--nn-v19-sale-font)!important;line-height:1!important;font-weight:800!important;
  white-space:nowrap!important;box-shadow:0 5px 14px rgba(96,25,18,.18)!important;z-index:3!important;
}

/* --------------------------------------------------------------------------
 * Custom Order page — approved composition: hero + 4 steps + full-width form.
 * The removed inspiration sidebar and bottom service strip are intentionally absent.
 * -------------------------------------------------------------------------- */
.nn-v19-custom-order-page{background:var(--nn-v19-order-page-bg);color:var(--nn-v19-order-text)}
.nn-v19-order-hero{min-height:var(--nn-v19-order-hero-d);position:relative;display:flex;align-items:center;overflow:hidden;background:var(--nn-v19-order-hero-bg);isolation:isolate}
.nn-v19-order-hero.has-image{background-image:var(--nn-v19-order-image);background-size:cover;background-position:center right}
.nn-v19-order-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,250,242,.98) 0%,rgba(255,250,242,.91) 38%,rgba(255,250,242,.38) 61%,rgba(255,250,242,.06) 82%)}
.nn-v19-order-hero:not(.has-image):after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 76% 42%,rgba(194,138,50,.24),transparent 28%),linear-gradient(130deg,#f8eedf,#dcc29d)}
.nn-v19-order-hero-inner{width:100%;padding-top:42px;padding-bottom:42px}
.nn-v19-order-hero-copy{width:min(590px,52%)}
.nn-v19-order-breadcrumb{font-size:12px;color:#766957;margin-bottom:20px}.nn-v19-order-breadcrumb .woocommerce-breadcrumb{margin:0}
.nn-v19-order-eyebrow,.nn-v19-category-hub-eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.28em;color:var(--nn-v19-order-accent);font-size:12px;font-weight:800}
.nn-v19-order-hero h1{font-family:var(--nn-serif);font-size:var(--nn-v19-order-title-d);line-height:.92;letter-spacing:-.025em;color:var(--nn-v19-order-heading);margin:0 0 20px;max-width:580px}
.nn-v19-order-lead{font-size:17px;line-height:1.65;max-width:510px;margin:0;color:var(--nn-v19-order-text)}
.nn-v19-order-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;max-width:600px}
.nn-v19-order-benefits span{display:flex;align-items:center;gap:10px;min-width:0;font-size:12px;line-height:1.25;color:var(--nn-v19-order-heading)}
.nn-v19-order-benefits .nn-icon{width:28px;height:28px;flex:0 0 28px;stroke:var(--nn-v19-order-accent)}
.nn-v19-order-benefits b{font-weight:700}

.nn-v19-order-steps-section{background:var(--nn-v19-order-steps-bg);padding:34px 0 28px}
.nn-v19-order-section-head{margin-bottom:22px}
.nn-v19-order-section-head h2{font-family:var(--nn-serif);font-size:var(--nn-v19-order-section-d);line-height:1;color:var(--nn-v19-order-heading);margin:0 0 7px;font-weight:600}
.nn-v19-order-section-head p{margin:0;color:var(--nn-v19-order-text);font-size:14px;line-height:1.55}
.nn-v19-order-steps{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);align-items:stretch;gap:10px}
.nn-v19-order-step{position:relative;background:var(--nn-v19-order-card-bg);border:1px solid rgba(22,55,44,.08);border-radius:13px;padding:28px 20px 22px;text-align:center;box-shadow:0 8px 24px rgba(28,54,44,.055)}
.nn-v19-order-step-number{position:absolute;left:14px;top:13px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--nn-v19-order-accent);color:#fff;font-size:12px;font-weight:800}
.nn-v19-order-step:nth-of-type(4) .nn-v19-order-step-number{background:var(--nn-v19-order-heading)}
.nn-v19-order-step-icon{display:grid;place-items:center;margin:5px auto 12px;width:52px;height:52px;color:var(--nn-v19-order-accent)}
.nn-v19-order-step-icon .nn-icon{width:39px;height:39px;stroke:currentColor}
.nn-v19-order-step h3{font-size:15px;line-height:1.25;color:var(--nn-v19-order-heading);margin:0 0 8px;font-weight:800}
.nn-v19-order-step p{font-size:11.5px;line-height:1.5;margin:0;color:var(--nn-v19-order-text)}
.nn-v19-order-step-arrow{display:grid;place-items:center;color:var(--nn-v19-order-accent);font-size:27px;font-weight:300}

.nn-v19-order-form-section{background:var(--nn-v19-order-form-bg);padding:18px 0 56px}
.nn-v19-order-form-card{background:var(--nn-v19-order-card-bg);border:1px solid rgba(18,55,44,.08);border-radius:15px;padding:30px;box-shadow:0 10px 32px rgba(22,52,42,.045)}
.nn-v19-order-form{margin-top:10px}
.nn-v19-order-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 18px}
.nn-v19-order-form label>span:first-child{display:block;font-size:12px;font-weight:700;color:var(--nn-v19-order-heading);margin-bottom:7px}
.nn-v19-order-form em{color:#b52b24;font-style:normal}
.nn-v19-order-form input[type=text],.nn-v19-order-form input[type=tel],.nn-v19-order-form input[type=email],.nn-v19-order-form select,.nn-v19-order-form textarea{display:block;width:100%;border:1px solid #ddd3c5;border-radius:8px;background:#fffdf9;color:#243e35;min-height:45px;padding:10px 13px;font:500 14px/1.35 var(--nn-sans);outline:0}
.nn-v19-order-form textarea{min-height:118px;resize:vertical}
.nn-v19-order-form input:focus,.nn-v19-order-form select:focus,.nn-v19-order-form textarea:focus{border-color:var(--nn-v19-order-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--nn-v19-order-accent) 16%,transparent)}
.nn-v19-order-details{grid-column:1/-1}
.nn-v19-order-upload{margin-top:18px;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;border:1px dashed #b8c7bf;border-radius:10px;padding:16px 18px;background:#fbfcf9;cursor:pointer;position:relative}
.nn-v19-order-upload-icon{display:grid!important;place-items:center;width:42px;height:42px;border-radius:50%;background:#edf4ef;color:var(--nn-v19-order-heading)}
.nn-v19-order-upload-icon .nn-icon{width:25px;height:25px}
.nn-v19-order-upload strong{display:block;color:var(--nn-v19-order-heading);font-size:13px}.nn-v19-order-upload small{display:block;margin-top:3px;color:#77847e;font-size:10px}
.nn-v19-order-upload input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.nn-v19-order-file-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:42px;padding:9px 18px!important;margin:0!important;border-radius:7px;background:var(--nn-v19-order-button-bg);color:var(--nn-v19-order-button-text)!important;font-size:12px!important;font-weight:800!important}
.nn-v19-order-file-name{grid-column:2/-1!important;margin:0!important;color:#758179!important;font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nn-v19-order-submit{margin:22px auto 0;min-width:min(440px,100%);min-height:50px;border:0;border-radius:8px;background:var(--nn-v19-order-button-bg);color:var(--nn-v19-order-button-text);display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 22px;font-size:14px;font-weight:800;cursor:pointer}
.nn-v19-order-submit .nn-icon{width:17px;height:17px}.nn-v19-order-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}
.nn-v19-order-privacy{text-align:center;margin:10px 0 0;font-size:10px;color:#7d857f}
.nn-v19-order-notice{border-radius:8px;padding:12px 14px;margin:0 0 18px;font-size:13px}.nn-v19-order-notice.is-success{background:#eef7f1;color:#1d553f;border:1px solid #cfe6d7}.nn-v19-order-notice.is-error{background:#fff0ed;color:#8a2b23;border:1px solid #efccc5}
.nn-v19-order-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.nn-v19-order-page-content{padding:40px 0;background:var(--nn-v19-order-page-bg)}
.nn-v19-elementor-order-body{width:100%}

/* --------------------------------------------------------------------------
 * Product Categories hub.
 * -------------------------------------------------------------------------- */
.nn-v19-category-hub-page{background:var(--nn-page-bg,#fffdf8);min-height:60vh}
.nn-v19-category-hub-hero{padding:58px 0 34px;background:linear-gradient(115deg,#fff8ed,#efe0c9)}
.nn-v19-category-hub-hero h1{font-family:var(--nn-serif);font-size:56px;line-height:1;color:var(--nn-green);margin:0 0 14px}.nn-v19-category-hub-hero p:not(.nn-v19-category-hub-eyebrow){max-width:720px;margin:0;color:#42584f;line-height:1.65}
.nn-v19-category-hub-grid-wrap{padding-top:34px;padding-bottom:60px}
.nn-v19-category-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.nn-v19-category-hub-card{border:1px solid #e7dbc9;border-radius:14px;background:#fffdf8;overflow:hidden;box-shadow:0 8px 24px rgba(20,52,42,.045)}
.nn-v19-category-hub-art{display:grid;place-items:center;min-height:260px;background:#eadfcf center/cover no-repeat;color:var(--nn-gold);overflow:hidden}.nn-v19-category-hub-art>span{font-family:var(--nn-serif);font-size:82px}
.nn-v19-category-hub-copy{padding:18px}.nn-v19-category-hub-copy h2{font-family:var(--nn-serif);font-size:28px;line-height:1.05;margin:0 0 4px}.nn-v19-category-hub-copy h2 a{color:var(--nn-green)}
.nn-v19-category-count{font-size:11px;color:#8a7b68;margin:0 0 12px}.nn-v19-category-children{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.nn-v19-category-children a{font-size:10px;padding:5px 8px;border-radius:999px;background:#f4ecdf;color:#39544b}
.nn-v19-category-explore{display:inline-flex;align-items:center;gap:6px;color:var(--nn-green);font-size:12px;font-weight:800}.nn-v19-category-explore .nn-icon{width:15px}

/* --------------------------------------------------------------------------
 * Mobile search sheet opened by bottom dock Search.
 * -------------------------------------------------------------------------- */
.nn-v19-mobile-search-sheet,.nn-v19-mobile-search-backdrop{display:none}

/* --------------------------------------------------------------------------
 * Circular scroll-to-top progress control.
 * -------------------------------------------------------------------------- */
.nn-v19-scroll-top{--nn-scroll-progress:0deg;position:fixed;right:var(--nn-v19-scroll-right-d);bottom:var(--nn-v19-scroll-bottom-d);z-index:990;width:var(--nn-v19-scroll-size-d);height:var(--nn-v19-scroll-size-d);padding:0;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;cursor:pointer}
.nn-v19-scroll-top.is-visible{opacity:1;visibility:visible;transform:none}
.nn-v19-scroll-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--nn-v19-scroll-progress) var(--nn-scroll-progress),var(--nn-v19-scroll-track) 0);box-shadow:0 8px 22px rgba(20,46,38,.12)}
.nn-v19-scroll-ring:after{content:"";position:absolute;inset:var(--nn-v19-scroll-ring);border-radius:50%;background:var(--nn-v19-scroll-bg)}
.nn-v19-scroll-core{position:relative;z-index:1;display:grid;place-items:center;color:var(--nn-v19-scroll-icon)}
.nn-v19-scroll-core .nn-icon{width:21px;height:21px;transform:rotate(-90deg);stroke-width:2.2}
.nn-v19-scroll-top:hover .nn-v19-scroll-core{color:var(--nn-v19-scroll-progress)}

@media (max-width:1024px){
  .nn-v19-order-hero{min-height:var(--nn-v19-order-hero-t)}
  .nn-v19-order-hero-copy{width:min(620px,64%)}
  .nn-v19-order-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.nn-v19-order-step-arrow{display:none}
  .nn-v19-order-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.nn-v19-order-details{grid-column:1/-1}
  .nn-v19-category-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:720px){
  /* Bottom dock: Home | Shop | Cart | My Account | Search. */
  .nn-mobile-bottom-nav-v183{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .nn-mobile-bottom-item-v183{border:0;background:transparent;font-family:inherit;cursor:pointer}
  .nn-mobile-bottom-item-v183 .nn-icon{width:20px!important;height:20px!important}

  /* Mobile category submenu behaves as an accordion. */
  .nn-mobile-drawer .menu-item-has-children{position:relative!important}
  .nn-mobile-drawer .menu-item-has-children>.sub-menu{display:none!important;padding:0 0 4px 12px!important}
  .nn-mobile-drawer .menu-item-has-children.is-submenu-open-v19>.sub-menu{display:block!important}
  .nn-v19-submenu-toggle{position:absolute;right:0;top:3px;width:38px;height:38px;border:0;background:transparent;color:#3d564e;display:grid;place-items:center;font-size:18px;line-height:1;border-radius:6px}
  .nn-v19-submenu-toggle:before{content:"⌄";transition:transform .18s ease}.is-submenu-open-v19>.nn-v19-submenu-toggle:before{transform:rotate(180deg)}
  .nn-mobile-drawer .menu-item-has-children>a{padding-right:42px!important}
  .nn-mobile-drawer .sub-menu .sub-menu{padding-left:10px!important}

  /* Custom Order responsive layout. */
  .nn-v19-order-hero{min-height:var(--nn-v19-order-hero-m);align-items:flex-end;background-position:64% center}
  .nn-v19-order-hero:before{background:linear-gradient(180deg,rgba(255,250,242,.20) 0%,rgba(255,250,242,.63) 38%,rgba(255,250,242,.98) 74%,rgba(255,250,242,1) 100%)}
  .nn-v19-order-hero-inner{padding-top:46px;padding-bottom:32px}
  .nn-v19-order-hero-copy{width:100%;max-width:none;padding-top:150px}
  .nn-v19-order-hero h1{font-size:var(--nn-v19-order-title-m);max-width:95%;margin-bottom:14px}
  .nn-v19-order-lead{font-size:14px;line-height:1.55;max-width:100%}
  .nn-v19-order-benefits{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.nn-v19-order-benefits span:last-child{grid-column:1/-1}.nn-v19-order-benefits span{font-size:10px}.nn-v19-order-benefits .nn-icon{width:23px;height:23px;flex-basis:23px}
  .nn-v19-order-steps-section{padding:26px 0 18px}.nn-v19-order-section-head h2{font-size:var(--nn-v19-order-section-m)}.nn-v19-order-section-head p{font-size:12px}
  .nn-v19-order-steps{grid-template-columns:1fr;gap:10px}.nn-v19-order-step{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;padding:15px 14px 15px 64px;text-align:left;min-height:94px}.nn-v19-order-step-number{left:12px;top:12px}.nn-v19-order-step-icon{position:absolute;left:15px;bottom:11px;width:32px;height:32px;margin:0}.nn-v19-order-step-icon .nn-icon{width:25px;height:25px}.nn-v19-order-step h3,.nn-v19-order-step p{grid-column:2;margin-left:-42px}.nn-v19-order-step h3{font-size:13px}.nn-v19-order-step p{font-size:10.5px}
  .nn-v19-order-form-section{padding:12px 0 34px}.nn-v19-order-form-card{padding:18px 14px;border-radius:12px}.nn-v19-order-fields{grid-template-columns:1fr;gap:13px}.nn-v19-order-details{grid-column:auto}.nn-v19-order-form input[type=text],.nn-v19-order-form input[type=tel],.nn-v19-order-form input[type=email],.nn-v19-order-form select,.nn-v19-order-form textarea{font-size:16px}
  .nn-v19-order-upload{grid-template-columns:auto 1fr;padding:13px}.nn-v19-order-file-button{grid-column:1/-1;width:100%}.nn-v19-order-file-name{grid-column:1/-1!important}.nn-v19-order-submit{width:100%;min-width:0}

  .nn-v19-category-hub-hero{padding:36px 0 24px}.nn-v19-category-hub-hero h1{font-size:38px}.nn-v19-category-hub-hero p:not(.nn-v19-category-hub-eyebrow){font-size:13px}.nn-v19-category-hub-grid-wrap{padding-top:20px;padding-bottom:40px}.nn-v19-category-hub-grid{grid-template-columns:1fr;gap:14px}.nn-v19-category-hub-art{min-height:220px}.nn-v19-category-hub-copy h2{font-size:25px}

  body.woocommerce .nn-shop-sale-badge-v18,body.woocommerce-page .nn-shop-sale-badge-v18{width:var(--nn-v19-sale-size-m)!important;height:var(--nn-v19-sale-size-m)!important;min-width:var(--nn-v19-sale-size-m)!important;min-height:var(--nn-v19-sale-size-m)!important;left:8px!important;top:8px!important;font-size:calc(var(--nn-v19-sale-font) - 1px)!important}

  .nn-v19-mobile-search-backdrop{position:fixed;inset:0;z-index:10020;background:rgba(8,31,25,.38)}
  .nn-v19-mobile-search-backdrop:not([hidden]){display:block}
  .nn-v19-mobile-search-sheet{display:block;position:fixed;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));z-index:10021;background:#fffdf9;border-radius:18px 18px 0 0;box-shadow:0 -18px 44px rgba(18,51,42,.2);padding:14px;transform:translateY(110%);transition:transform .24s ease;max-height:70%;overflow:visible}
  .nn-v19-mobile-search-sheet.is-open-v19{transform:none}
  .nn-v19-mobile-search-head{display:flex;align-items:center;justify-content:space-between;padding:0 0 10px;border-bottom:1px solid #ebe1d3}.nn-v19-mobile-search-head strong{font-size:14px;color:var(--nn-green)}
  .nn-v19-mobile-search-body{padding-top:12px}.nn-v19-mobile-search-body>p{font-size:10px;color:#7f7669;margin:8px 2px 0}
  .nn-v19-mobile-search-sheet .nn-shop-search-form-v18{min-height:46px}.nn-v19-mobile-search-sheet .nn-shop-search-form-v18 input[type=search]{font-size:16px!important;border-radius:9px!important;padding-right:12px!important}.nn-v19-mobile-search-sheet .nn-shop-search-submit-v18{display:none!important}
  .nn-v19-mobile-search-sheet .nn-shop-search-results-v18{position:absolute!important;left:14px!important;right:14px!important;top:74px!important;max-height:min(50vh,460px)!important}

  .nn-v19-scroll-top{right:var(--nn-v19-scroll-right-m);bottom:calc(60px + env(safe-area-inset-bottom) + var(--nn-v19-scroll-bottom-m));width:var(--nn-v19-scroll-size-m);height:var(--nn-v19-scroll-size-m);z-index:9997}
  .nn-v19-scroll-hide-mobile{display:none!important}
}

@media (min-width:721px){.nn-v19-scroll-hide-desktop{display:none!important}}

@media (prefers-reduced-motion:reduce){.nn-v19-scroll-top,.nn-v19-mobile-search-sheet,.nn-v19-order-submit{transition:none!important;scroll-behavior:auto!important}}