/* R77157: one compact checkout sheet, in-grid search and separate catalog controls. */
html[data-theme] body #cartDrawer{
  box-sizing:border-box!important;display:grid!important;grid-template-rows:48px minmax(0,1fr) auto!important;
  position:fixed!important;inset:14px auto auto 50%!important;inset-inline: auto!important;
  left:50%!important;right:auto!important;top:14px!important;bottom:auto!important;
  width:min(760px,calc(100vw - 28px))!important;inline-size:min(760px,calc(100vw - 28px))!important;
  height:auto!important;block-size:auto!important;min-height:0!important;min-block-size:0!important;
  max-height:calc(100vh - 28px)!important;max-block-size:calc(100dvh - 28px)!important;
  padding:0!important;overflow:hidden!important;border-radius:18px!important;
  transform:translate3d(-50%,0,0)!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
  transition:opacity .15s ease!important;background:#fff!important;
}
html[data-theme] body #cartDrawer.open{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
html[data-theme] body #cartDrawer[hidden]{display:none!important}
html[data-theme] body.q1-order-review-open #cartDrawer,
html.q1-order-review-open body #cartDrawer,
html:has(#orderReviewModal.open) body #cartDrawer{display:none!important;visibility:hidden!important;pointer-events:none!important}
html[data-theme] body #cartDrawer .drawer-head{
  position:relative!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;
  min-height:48px!important;min-block-size:48px!important;height:48px!important;block-size:48px!important;
  margin:0!important;padding:2px 12px!important;border-bottom:1px solid #dce5ec!important;
}
html[data-theme] body #cartDrawer .drawer-head h3{margin:0!important;font-size:18px!important;line-height:1.3!important}
html[data-theme] body #cartDrawer #cartClose{width:40px!important;height:40px!important;min-inline-size:40px!important;min-block-size:40px!important}
html[data-theme] body #cartDrawer .q1-cart-body{
  display:block!important;min-height:0!important;min-block-size:0!important;height:auto!important;block-size:auto!important;
  overflow:auto!important;overscroll-behavior:contain;padding:9px 12px!important;scrollbar-gutter:auto!important;
}
html[data-theme] body #cartDrawer .cart-items,
html[data-theme] body #cartDrawer .cart-summary,
html[data-theme] body #cartDrawer .checkout-form{margin:0 0 7px!important;padding:0!important;border:0!important;background:transparent!important}
html[data-theme] body #cartDrawer .cart-items{
  display:grid!important;align-content:start!important;gap:6px!important;
  max-height:clamp(72px,16vh,160px)!important;max-block-size:clamp(72px,16dvh,160px)!important;
  min-height:0!important;overflow:auto!important;
}
html[data-theme] body #cartDrawer .cart-items>p{
  display:block!important;min-height:0!important;min-block-size:0!important;height:auto!important;
  margin:0!important;padding:7px 10px!important;font-size:13px!important;line-height:1.45!important;
}
html[data-theme] body #cartDrawer .cart-item{
  display:grid!important;grid-template-columns:52px minmax(0,1fr) 36px!important;
  gap:7px!important;padding:6px!important;min-block-size:0!important;align-items:center!important;
}
html[data-theme] body #cartDrawer .cart-item>img{width:52px!important;height:52px!important;inline-size:52px!important;block-size:52px!important}
html[data-theme] body #cartDrawer .cart-item strong{font-size:13px!important;line-height:1.35!important}
html[data-theme] body #cartDrawer .cart-item small{display:block!important;margin:1px 0!important;font-size:11px!important;line-height:1.3!important}
html[data-theme] body #cartDrawer .qty-controls{display:inline-flex!important;gap:5px!important;margin:3px 0 0!important}
html[data-theme] body #cartDrawer .qty-controls button,
html[data-theme] body #cartDrawer .remove-btn{min-inline-size:32px!important;min-block-size:32px!important;width:32px!important;height:32px!important;block-size:32px!important}
html[data-theme] body #cartDrawer .qty-controls button{flex:0 0 32px!important}
html[data-theme] body #cartDrawer .cart-summary{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:2px 8px!important;align-items:center!important;
  padding:5px 0!important;font-size:13px!important;line-height:1.4!important;
}
html[data-theme] body #cartDrawer .cart-summary strong{font-size:19px!important;line-height:1.25!important;margin:0!important}
html[data-theme] body #cartDrawer .cart-summary small{grid-column:1/-1;font-size:11px!important;line-height:1.4!important;margin:0!important}
html[data-theme] body #cartDrawer #checkoutForm{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-auto-rows:max-content!important;
  align-content:start!important;align-items:start!important;gap:5px 8px!important;
  height:auto!important;block-size:auto!important;min-height:0!important;min-block-size:0!important;flex:none!important;margin:0!important;
}
html[data-theme] body #cartDrawer .q1-checkout-fields{
  grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:max-content!important;align-content:start!important;gap:7px 10px!important;height:auto!important;block-size:auto!important;
}
html[data-theme] body #cartDrawer .q1-field{
  display:grid!important;grid-template-rows:none!important;grid-auto-rows:max-content!important;align-content:start!important;
  min-height:0!important;min-block-size:0!important;gap:3px!important;margin:0!important;
}
html[data-theme] body #cartDrawer .q1-field>label{margin:0!important;font-size:12px!important;line-height:1.3!important;min-height:0!important}
html[data-theme] body #cartDrawer #checkoutForm :is(input:not([type=checkbox]),select){
  box-sizing:border-box!important;min-width:0!important;min-inline-size:0!important;
  height:42px!important;block-size:42px!important;min-height:42px!important;min-block-size:42px!important;
  margin:0!important;padding:5px 9px!important;font-size:16px!important;line-height:1.3!important;border-radius:9px!important;
}
html[data-theme] body #cartDrawer .q1-field-message:empty{display:none!important;min-height:0!important;min-block-size:0!important;margin:0!important;padding:0!important}
html[data-theme] body #cartDrawer .q1-field-message:not(:empty){margin:0!important;min-block-size:0!important;font-size:11px!important;line-height:1.3!important}
html[data-theme] body #cartDrawer .q1-field-wide{grid-column:1/-1!important}
html[data-theme] body #cartDrawer .q1-iraq-phone-row{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:6px!important}
html[data-theme] body #cartDrawer .q1-country-code{min-width:0!important;min-inline-size:0!important;width:auto!important;height:42px!important;block-size:42px!important;min-height:42px!important;min-block-size:42px!important;padding:4px 5px!important;font-size:12px!important;line-height:1.3!important}
html[data-theme] body #cartDrawer .q1-checkout-remember{grid-column:1!important;display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;min-block-size:34px!important;font-size:12px!important;line-height:1.3!important}
html[data-theme] body #cartDrawer .q1-checkout-remember input{width:18px!important;height:18px!important;inline-size:18px!important;block-size:18px!important;min-block-size:18px!important;margin:0!important}
html[data-theme] body #cartDrawer .q1-forget-checkout{grid-column:2!important;align-self:center!important;min-height:34px!important;min-block-size:34px!important;padding:2px!important;margin:0!important;font-size:11px!important}
html[data-theme] body #cartDrawer .q1-forget-checkout[hidden]{display:none!important}
html[data-theme] body #cartDrawer .q1-payment-method{grid-column:1/-1!important;margin:0!important;padding:6px 9px!important;font-size:13px!important;line-height:1.35!important}
html[data-theme] body #cartDrawer .form-help{grid-column:1/-1!important;display:block!important;margin:0!important;font-size:11px!important;line-height:1.35!important}
html[data-theme] body #cartDrawer .coupon-box{margin:0 0 7px!important;padding:0!important}
html[data-theme] body #cartDrawer .coupon-box[hidden]{display:none!important}
html[data-theme] body #cartDrawer .q1-cart-footer{padding:7px 12px max(7px,env(safe-area-inset-bottom))!important}
html[data-theme] body #cartDrawer #q1CheckoutReview{min-height:44px!important;min-block-size:44px!important;height:44px!important;margin:0!important;padding:7px 12px!important;font-size:15px!important;line-height:1.35!important}
@media(min-width:600px){html[data-theme] body #cartDrawer .q1-field-phone{grid-column:auto!important}}
@media(max-width:599px){
  html[data-theme] body #cartDrawer{inset:6px auto auto 50%!important;left:50%!important;right:auto!important;top:6px!important;width:calc(100vw - 12px)!important;inline-size:calc(100vw - 12px)!important;max-height:calc(100vh - 12px)!important;max-block-size:calc(100dvh - 12px)!important;border-radius:14px!important}
  html[data-theme] body #cartDrawer .q1-checkout-fields>.q1-field:first-child{grid-column:1/-1!important}
  html[data-theme] body #cartDrawer .q1-cart-body{padding:7px 10px!important}
  html[data-theme] body #cartDrawer .cart-items{max-height:clamp(64px,12vh,110px)!important;max-block-size:clamp(64px,12dvh,110px)!important}
  html[data-theme] body #cartDrawer .q1-forget-checkout{max-width:120px!important;white-space:normal!important}
}
@media(max-height:630px){
  html[data-theme] body #cartDrawer .q1-cart-body{padding-block:5px!important}
  html[data-theme] body #cartDrawer .q1-checkout-fields{gap:4px 8px!important}
  html[data-theme] body #cartDrawer .form-help{display:none!important}
  html[data-theme] body #cartDrawer .cart-items{max-height:76px!important;max-block-size:76px!important}
}
/* Keep the input readable; the quieter placeholder is independently smaller. */
html body :is(#searchInput,#topSearchMirror,#globalSearch,[data-adapter-search]){font-size:16px!important}
html body :is(#searchInput,#topSearchMirror,#globalSearch,[data-adapter-search])::placeholder{font-size:12px!important;color:#909da8!important;opacity:1!important;font-weight:400!important}
html[lang="ar"] body :is(#searchInput,#topSearchMirror,#globalSearch,[data-adapter-search]):placeholder-shown{direction:rtl!important;text-align:right!important}
html[lang="ar"] body :is(#searchInput,#topSearchMirror,#globalSearch,[data-adapter-search])::placeholder{direction:rtl!important;text-align:right!important}
html[lang="en"] body :is(#searchInput,#topSearchMirror,#globalSearch,[data-adapter-search]):placeholder-shown{direction:ltr!important;text-align:left!important}
html body :is(#inlineSearchResults,#topSearchResults){display:none!important}
html[data-theme] body #products .q1-products-title{
  position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:max-content!important;
  align-items:center!important;gap:6px!important;width:100%!important;min-width:0!important;margin:0 0 9px!important;
}
html[data-theme] body #products .q1-products-title>.q1-products-heading-line{
  position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto!important;grid-auto-flow:row!important;align-items:center!important;gap:6px 12px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;
  overflow:visible!important;direction:inherit!important;white-space:normal!important;transform:none!important;
}
html[data-theme] body #products .q1-products-title>.q1-products-heading-line>h2{
  position:static!important;grid-column:1!important;grid-row:1!important;order:initial!important;min-width:0!important;
  width:auto!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:18px!important;line-height:1.4!important;
}
html[data-theme] body #products .q1-products-title>.q1-products-heading-line>#paginationWrapTop{
  position:static!important;grid-column:2!important;grid-row:1!important;order:initial!important;
  width:max-content!important;max-width:min(55vw,420px)!important;min-width:0!important;justify-self:end!important;
  display:flex!important;flex-flow:row nowrap!important;gap:4px!important;height:auto!important;min-height:34px!important;
  margin:0!important;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;transform:none!important;
}
html[data-theme] body #products .q1-products-title>.q1-products-heading-line>.q1-offers-sort-r7708{position:static!important;grid-column:1/-1!important;grid-row:2!important;transform:none!important;max-width:100%!important}
html[data-theme] body #products .q1-products-title>button{
  position:static!important;inset:auto!important;grid-column:1!important;grid-row:2!important;justify-self:end!important;
  transform:none!important;float:none!important;margin:0!important;padding:4px 7px!important;width:auto!important;max-width:100%!important;
  min-height:30px!important;white-space:normal!important;font-size:12px!important;line-height:1.4!important;
}
html[data-theme] body #products .q1-products-title>button[hidden]{display:none!important}
html[data-theme] body #products .q1-products-title>.q1-products-heading-line>#paginationWrapTop:empty{display:none!important}
html[data-theme] body .footer-logo{display:block!important;opacity:1!important;width:100px!important;height:100px!important;max-height:100px!important;object-fit:contain!important}
@media(max-width:599px){html[data-theme] body #products .q1-products-title>.q1-products-heading-line{column-gap:8px!important}html[data-theme] body #products .q1-products-title>.q1-products-heading-line>h2{font-size:16px!important}html[data-theme] body .footer-logo{margin-inline:auto!important}}