/* Danilli Shop header search box (Nov 8, 2026; Danilo: "the search box looks bad, fix it" / "only put Search").
   The department list was wider than its own box and covered the start of the search words. Now: one rounded box,
   a small department list, a wide search field that just says "Search", the purple button. On laptop screens the
   "Every morning / Today's Deals" link next to it steps aside (Today's Deals is in the menu bar right below). */
.header .header__center{min-width:0}
.header .ps-form--quick-search{width:100%;min-width:0;max-width:720px;display:flex;align-items:stretch;height:44px;background:#fff;border:1px solid #e4def5;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(60,40,120,.06)}
.header .ps-form--quick-search:focus-within{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.12)}
.header .ps-form--quick-search .ps-form__categories{flex:0 0 auto;width:112px!important;max-width:112px!important;min-width:0;overflow:hidden;border-right:1px solid #eee9f8;background:#faf8ff}
.header .ps-form--quick-search .ps-form__categories select.form-control{width:112px!important;max-width:112px!important;min-width:0!important;height:100%;border:0;background-color:transparent;padding:0 24px 0 12px!important;text-indent:0!important;font-size:14px;color:#3b3355;text-overflow:ellipsis;box-shadow:none}
.header .ps-form--quick-search .ps-form__input{flex:1 1 auto;min-width:0!important;position:relative}
.header .ps-form--quick-search .ps-form__input input.form-control{width:100%;height:100%;border:0;padding:0 14px;font-size:15px;color:#1f1b2e;background:transparent;box-shadow:none;text-indent:0}
.header .ps-form--quick-search .ps-form__input input.form-control::placeholder{color:#8a849c;opacity:1}
.header .ps-form--quick-search button{flex:0 0 auto;height:100%;border:0;border-radius:0;padding:0 22px;margin:0;font-weight:600;white-space:nowrap}
@media (max-width:1600px){.header .dl-actions > a.dl-act:first-child{display:none}.header .header__right{flex:0 0 auto;width:auto}}
@media (max-width:1280px){.header .ps-form--quick-search .ps-form__categories,.header .ps-form--quick-search .ps-form__categories select.form-control{width:92px!important;max-width:92px!important}}
@media (max-width:1100px){.header .ps-form--quick-search .ps-form__categories{display:none!important}}

/* Nov 11, 2026 (Danilo: "Ask Danilli doesn't have a text box"): on phones the bottom bar (z-index 10002) covered the chat's typing box. The open chat now sits above the bar; close it with the X. */
@media (max-width:767px){.dl-sales{z-index:10005!important}}

/* Danilli Shop look fixes kept outside the store package (added to dl-fix-1108.css when the site is built).
   Nov 8, 2026 (Danilo's phone photo: "on top of the stars there is like a line"): long product names are cut to 2 lines,
   but on iPhones the top of the 3rd line peeked out under them, because the name's 5px bottom space sat inside the
   cut-off box. The space now sits outside the box, so only the 2 lines show. */
.ps-product .ps-product__title,
[class*="ps-product--"] .ps-product__title{padding-bottom:0!important;margin-bottom:6px!important;line-height:1.2em;max-height:2.4em;overflow:hidden}
.ps-product .ps-product__title a{line-height:1.2em;max-height:2.4em;overflow:hidden}
/* Nov 11, 2026 (Danilo: "There is no suggestions, I told you I want it like Amazon"): the search box's rounded
   frame had overflow:hidden, which also hid the suggestion list that opens under it. The frame now lets the list
   show; the "All" box and the Search button keep the rounded corners on their own. */
.header .ps-form--quick-search{overflow:visible!important}
.header .ps-form--quick-search>.ps-form__categories{border-radius:11px 0 0 11px;overflow:hidden}
.header .ps-form--quick-search>button{border-radius:0 11px 11px 0}