/* Approved seven-by-five text-only builder; isolated to the Aromaboxes section. */
#app .np-standard-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}
#app .np-standard-tabs button{width:100%;min-width:0;min-height:52px;padding:7px 9px;text-align:center;font-weight:500;line-height:1.25;border-radius:9px}
#app .np-custom-builder{width:100%;max-width:720px;margin:4px auto 60px;padding:22px;background:#fff;border:1px solid #e8e8e8;border-radius:14px;color:#171717;font:400 14px/1.45 Arial,Helvetica,sans-serif}
#app .np-custom-builder[hidden]{display:none!important}
#app .np-custom-head{padding:0 0 22px;border-bottom:1px solid #e9e9e9}
#app .np-custom-head h2{font:400 clamp(26px,4vw,36px)/1.16 Georgia,serif;margin:0 0 9px;color:#141414}
#app .np-custom-head p{color:#777;margin:0}
#app .np-custom-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 14px}
#app .np-custom-line h3{font:500 20px/1.3 Georgia,serif;margin:0;color:#181818}
#app .np-custom-line strong{font:700 16px Arial,sans-serif;background:#f5f5f5;padding:10px 14px;border-radius:9px;color:#1b1b1b;white-space:nowrap}
#app .np-custom-search{position:relative;display:flex;align-items:center;margin-bottom:6px}
#app .np-custom-search-icon{position:absolute;left:14px;font-size:24px;color:#7b7b7b;pointer-events:none}
#app .np-custom-search input{background:#fff;color:#171717;border:1px solid #d7d7d7;border-radius:9px;width:100%;height:49px;padding:10px 13px 10px 45px;font:inherit;outline-offset:2px}
#app .np-custom-results{max-height:210px;overflow-y:auto;overscroll-behavior:contain;border-radius:9px}
#app .np-custom-option{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;padding:11px 12px;background:#fff;border:0;border-bottom:1px solid #ededed;text-align:left;color:#171717;font:500 14px Arial,sans-serif;cursor:pointer}
#app .np-custom-option:hover,#app .np-custom-option:focus-visible{background:#f6f6f6}
#app .np-custom-option.is-selected{background:#eeeeee}
#app .np-custom-option small,#app .np-custom-chosen small{color:#646464;font-weight:400;font-size:12px}
#app .np-custom-symbol{font-size:22px;font-weight:400;line-height:1;flex-shrink:0}
#app .np-custom-warning{color:#777;font-size:12px;margin:14px 0}
#app .np-custom-none{color:#777;padding:9px 12px}
#app .np-custom-choices{height:222px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #e5e5e5;border-radius:10px;padding:7px;background:#fff}
#app .np-custom-chosen{display:flex;align-items:center;justify-content:space-between;min-height:44px;background:#f2f2f2;border-radius:7px;padding:6px 8px 6px 14px;margin:4px 0;color:#191919;font-weight:500}
#app .np-custom-chosen button{border:0;background:transparent;color:#222;min-width:38px;min-height:38px;font-size:23px;cursor:pointer}
#app .np-custom-placeholder{padding:18px 12px;color:#999;margin:0}
#app .np-custom-error{color:#ad2424;font-size:12px;margin:10px 0;min-height:0}
#app .np-custom-error:empty{display:none}
#app .np-box-price-pair{display:flex;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:6px;flex-wrap:wrap;min-width:0}#app .np-box-old-price{font-size:12px;font-weight:400;color:#999;white-space:nowrap}#app .np-box-price-pair strong{font-weight:700;color:#181818;white-space:nowrap}#app .np-box-detail-old{display:inline-block;margin-right:12px;color:#999;font-size:17px}#app .np-box-sticky-prices{display:flex;flex-direction:row;gap:8px;align-items:baseline;justify-content:flex-end}#app .np-box-sticky-prices del{color:#999;font-size:11px}
#app .np-custom-prices{display:flex;align-items:baseline;justify-content:flex-end;gap:12px;margin:15px 0 12px;font-family:Arial,sans-serif}#app .np-custom-prices del{color:#999;font-size:16px}#app .np-custom-prices strong{color:#111;font-size:24px;font-weight:700}
#app .np-custom-buy{display:block;width:100%;min-height:51px;border:1px solid #000;border-radius:9px;background:#000;color:#fff!important;font:600 14px Arial,sans-serif;cursor:pointer}
#app .np-custom-buy:disabled{background:#e8e8e8;color:#777!important;border-color:#e8e8e8;cursor:not-allowed}
@media(max-width:520px){#app .np-standard-tabs{gap:6px}#app .np-standard-tabs button{padding:8px 4px;font-size:12px;min-height:52px}#app .np-custom-builder{padding:16px;border-radius:12px;margin:0 auto 38px}#app .np-custom-line h3{font-size:18px}}

#app .np-cart-custom-thumb{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:80px;padding:7px;text-align:center;border-radius:8px;background:#f4f4f4;color:#222;font:600 13px/1.3 Arial,Helvetica,sans-serif;}
#app .np-cart-custom-thumb strong{font:inherit;white-space:nowrap;}

/* Full scrollable fragrance catalogue is visible before search; the selected set stays compact. */
#app .np-custom-results{height:250px;max-height:250px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #e5e5e5;border-radius:9px;background:#fff;}
#app .np-custom-option.is-locked{color:#9b9b9b;cursor:not-allowed;}
#app .np-custom-option.is-locked .np-custom-symbol{opacity:.35;}
#app .np-custom-choices{height:auto;max-height:222px;min-height:0;overflow-y:auto;}
#app .np-custom-choices[hidden],#app .np-custom-prices[hidden]{display:none!important;}

/* Match the native refined catalogue search field, including its focus ring and reset affordance. */
#app .np-custom-builder .np-unified-search.np-custom-search{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:12px;height:48px;min-height:48px;margin:0 0 10px;padding:0 13px;border:1px solid #e1dfd8;border-radius:100px;background:#fffefa;box-shadow:0 2px 7px rgba(25,37,30,.025);}
#app .np-custom-builder .np-unified-search.np-custom-search svg{position:static;flex:none;width:19px;height:19px;fill:none;stroke:#848b82;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}
#app .np-custom-builder .np-unified-search.np-custom-search input{flex:1;min-width:0;width:auto;height:46px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;font:400 14px/1.35 Manrope,Arial,sans-serif;color:#303b34;}
#app .np-custom-builder .np-unified-search.np-custom-search input:focus,#app .np-custom-builder .np-unified-search.np-custom-search input:focus-visible{border:0;box-shadow:none;outline:none;}
#app .np-custom-builder .np-unified-search.np-custom-search input::placeholder{color:#999d95;opacity:1;}
#app .np-custom-builder .np-unified-search.np-custom-search:focus-within{border-color:#859485;box-shadow:0 0 0 2px rgba(87,118,93,.10);}
#app .np-custom-builder .np-unified-search.np-custom-search button{flex:none;border:0;background:transparent;cursor:pointer;font:500 11px/1.2 Manrope,Arial,sans-serif;color:#7d827b;padding:4px 0;}
#app .np-custom-builder .np-unified-search.np-custom-search:has(input:placeholder-shown) button{display:none;}
#app .np-custom-builder .np-custom-option.is-out{color:#999;cursor:not-allowed;}
#app .np-custom-builder .np-custom-option.is-out small{color:#999;}

/* A single oval focus ring (remove the inherited green rectangular input outline). */
#app .np-custom-builder #npBuildSearch,
#app .np-custom-builder #npBuildSearch:focus,
#app .np-custom-builder #npBuildSearch:focus-visible,
#app .np-custom-builder #npBuildSearch:active{outline:0!important;outline-offset:0!important;border:0!important;box-shadow:none!important;-webkit-appearance:none;appearance:none;}

/* On a narrow screen, focus opens a scrollable search sheet within the visual viewport,
   above the system keyboard, leaving the standard builder untouched when closed. */
#app .np-custom-builder .np-custom-search-top{display:none;}
@media(max-width:620px){
  #app .np-custom-builder.np-custom-search-open:before{
    content:"";position:fixed;inset:0;background:#fffefa;z-index:10020;
  }
  #app .np-custom-builder.np-custom-search-open .np-custom-search-top{
    display:flex;position:fixed;z-index:10024;top:calc(var(--np-search-top,0px) + 8px);left:14px;right:14px;
    height:38px;align-items:center;justify-content:space-between;gap:12px;color:#222;
    font:600 15px/1.3 Manrope,Arial,sans-serif;
  }
  #app .np-custom-builder .np-custom-search-top button{min-height:34px;padding:4px 12px;border:0;background:#efefed;border-radius:18px;color:#333;font:500 13px Manrope,Arial,sans-serif;cursor:pointer;}
  #app .np-custom-builder.np-custom-search-open .np-unified-search.np-custom-search{
    position:fixed;z-index:10024;top:calc(var(--np-search-top,0px) + 50px);
    left:14px;right:14px;width:auto;margin:0;
  }
  #app .np-custom-builder.np-custom-search-open .np-custom-results{
    position:fixed;z-index:10024;top:calc(var(--np-search-top,0px) + 108px);
    left:14px;right:14px;width:auto;
    height:max(110px,calc(var(--np-search-visible-height,650px) - 120px));
    max-height:none;overflow-y:auto;overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    background:#fff;border:1px solid #e7e7e4;border-radius:11px;
  }
}