#haydar-shop-app{background:#F5EFDF;color:#100E0C;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow-x:hidden;}
@media(max-width:900px){.hy-shop-cats{padding-top:0;}}
.hy-shop-toolbar{border-top:1px solid rgba(23,19,15,.12);}
.hy-shop-filterbar{background:#6E5138;color:#F5EFDF;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 6vw;flex-wrap:wrap;}














.hy-shop-count{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:1px;color:#F5EFDF;text-transform:uppercase;opacity:.9;}





.hy-shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px 36px;padding:52px 6vw 70px;}
@media(max-width:1300px){.hy-shop-grid{gap:40px 28px;}}
@media(max-width:1100px){.hy-shop-grid{grid-template-columns:repeat(2,1fr);gap:44px 28px;padding:40px 5vw 56px;}}
@media(max-width:640px){.hy-shop-grid{grid-template-columns:repeat(2,1fr);gap:26px 16px;padding:30px 4vw 44px;}}
@media(max-width:420px){.hy-shop-grid{gap:22px 12px;padding:26px 3.5vw 36px;}}
.hy-shop-card{display:block;text-decoration:none;color:inherit;}
.hy-shop-card-media{position:relative;aspect-ratio:3/4;overflow:hidden;background:#EFE7D6;margin-bottom:18px;}
.hy-shop-card-media.grad-1{background:linear-gradient(150deg,#EFE3C8,#CBA968 65%,#6E5138);}
.hy-shop-card-media.grad-2{background:linear-gradient(150deg,#100E0C,#4A3423 60%,#CBA968);}
.hy-shop-card-media.grad-3{background:linear-gradient(150deg,#6E5138,#100E0C 70%);}
.hy-shop-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.hy-shop-card:hover .hy-shop-card-img{transform:scale(1.04);}
.hy-shop-card-caption{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-family:'Cormorant Garamond',serif;font-size:22px;color:#F5EFDF;opacity:.85;}
.hy-shop-badge{position:absolute;top:16px;left:16px;font-family:'Inter',sans-serif;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:6px 12px;background:#100E0C;color:#F5EFDF;z-index:2;}
.hy-shop-badge.b-sale{background:#CBA968;color:#100E0C;}
.hy-shop-badge.b-oos{left:auto;right:16px;background:rgba(16,14,12,.7);}
.hy-shop-card-cta{position:absolute;left:0;right:0;bottom:0;padding:14px 0;text-align:center;font-family:'Inter',sans-serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#F5EFDF;background:linear-gradient(to top,rgba(16,14,12,.75),transparent);opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s;}
.hy-shop-card:hover .hy-shop-card-cta{opacity:1;transform:translateY(0);}
.hy-shop-card.is-oos{opacity:.55;}
.hy-shop-card-cat{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#CBA968;margin:0 0 7px;}
.hy-shop-card-title{font-family:'Inter',sans-serif;font-size:15.5px;font-weight:500;color:#100E0C;margin:0 0 7px;line-height:1.3;}
.hy-shop-card-price{font-family:'Space Grotesk',sans-serif;font-size:14.5px;color:#4A3423;}
.hy-shop-card-price ins{text-decoration:none;color:#100E0C;margin-left:6px;}
.hy-shop-card-price del{opacity:.55;}
.hy-shop-empty{padding:60px 6vw;text-align:center;font-family:'Inter',sans-serif;color:#6E5138;}
.hy-shop-pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:0 6vw 64px;}
.hy-shop-page-link{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-family:'Inter',sans-serif;font-size:12px;color:#4A3423;border:1px solid rgba(23,19,15,.15);text-decoration:none;transition:background .2s,color .2s;}
.hy-shop-page-link:hover{border-color:#CBA968;}
.hy-shop-page-link.is-active{background:#3C2D1F;color:#F5EFDF;border-color:#3C2D1F;}
.hy-shop-page-dots{color:#6E5138;}
@media(max-width:640px){.hy-shop-card-title{font-size:13.5px;}.hy-shop-card-price{font-size:13px;}.hy-shop-card-cat{font-size:10px;}}

/* ===== Category quick-filter pills ===== */
.hy-shop-cats{display:flex;gap:10px;flex-wrap:wrap;padding:0 6vw 28px;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.hy-shop-cat{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#4A3423;text-decoration:none;padding:9px 18px;border:1px solid rgba(23,19,15,.18);border-radius:30px;white-space:nowrap;transition:background .2s ease,color .2s ease,border-color .2s ease;}
.hy-shop-cat:hover{border-color:#CBA968;}
.hy-shop-cat.is-active{background:#3C2D1F;color:#F5EFDF;border-color:#3C2D1F;}
@media(max-width:640px){.hy-shop-cats{padding:0 4vw 22px;}}

/* ===== Toolbar: count + chips (left) / filter + sort (right) ===== */
.hy-shop-filterbar-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.hy-shop-filterbar-right{display:flex;align-items:center;gap:22px;}
.hy-shop-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.hy-shop-chip{display:inline-flex;align-items:center;gap:6px;font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.5px;color:#F5EFDF;background:rgba(245,239,223,.14);border:1px solid rgba(245,239,223,.35);border-radius:30px;padding:6px 12px;text-decoration:none;transition:background .2s ease;}
.hy-shop-chip:hover{background:rgba(245,239,223,.24);}
.hy-shop-chip span{color:#CBA968;font-size:13px;line-height:1;}
.hy-shop-clear-all{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:#CBA968;text-decoration:underline;white-space:nowrap;}

.hy-shop-filter-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid rgba(245,239,223,.4);color:#F5EFDF;padding:10px 18px;font-family:'Inter',sans-serif;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border-radius:2px;position:relative;transition:border-color .2s ease;}
.hy-shop-filter-btn:hover{border-color:#CBA968;}
.hy-shop-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 3px;border-radius:50%;background:#CBA968;color:#100E0C;font-size:9px;font-weight:700;line-height:16px;}

.hy-shop-sort{display:flex;align-items:center;}
.hy-shop-sort-label{display:flex;align-items:center;gap:10px;font-family:'Inter',sans-serif;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#F5EFDF;white-space:nowrap;flex-shrink:0;}
.hy-shop-sort-select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-color:#F7F3EC;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E5138' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 10px center;
  background-size:12px;
  border:1px solid rgba(245,239,223,.4);
  border-radius:2px;
  color:#100E0C;
  font-family:'Inter',sans-serif;
  font-size:12px;
  letter-spacing:.5px;
  padding:9px 30px 9px 14px;
  cursor:pointer;
  line-height:1.2;
  transition:border-color .2s ease;
}
.hy-shop-sort-select:hover{border-color:#CBA968;}
.hy-shop-sort-select:focus{outline:none;border-color:#CBA968;}
.hy-shop-sort-select option{color:#100E0C;background:#F7F3EC;}

@media(max-width:780px){
  .hy-shop-filterbar{flex-direction:column;align-items:stretch;}
  .hy-shop-filterbar-left{order:2;width:100%;justify-content:space-between;}
  .hy-shop-filterbar-right{order:1;width:100%;justify-content:space-between;}
}

/* ===== Filter drawer: slides from the LEFT (wishlist/cart use the right) ===== */
.hy-shop-filter-overlay{position:fixed;inset:0;background:rgba(16,14,12,.55);backdrop-filter:blur(2px);z-index:10400;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s;}
.hy-shop-filter-overlay.is-open{opacity:1;visibility:visible;}
.hy-shop-filter-drawer{position:fixed;top:0;left:0;height:100vh;width:400px;max-width:92vw;background:#F7F3EC;z-index:10401;box-shadow:8px 0 40px rgba(16,14,12,.25);display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .4s cubic-bezier(.65,0,.35,1);}
.hy-shop-filter-drawer.is-open{transform:translateX(0);}
.hy-shop-filter-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:30px 28px 22px;border-bottom:1px solid rgba(16,14,12,.08);flex:0 0 auto;}
.hy-shop-filter-drawer-head h2{font-family:'Cormorant Garamond',serif;font-size:23px;font-weight:500;letter-spacing:.4px;color:#100E0C;margin:0;}
.hy-shop-filter-drawer-close{background:none;border:none;cursor:pointer;font-size:24px;line-height:1;color:#100E0C;opacity:.55;padding:4px 6px;transition:opacity .2s ease;}
.hy-shop-filter-drawer-close:hover{opacity:1;}
.hy-shop-filter-drawer-body{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:26px 28px;}
.hy-shop-price-filter{border:none;margin:0;padding:0;}
.hy-shop-price-filter legend{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#CBA968;margin-bottom:18px;padding:0;}
.hy-shop-price-values{display:flex;align-items:center;gap:8px;font-family:'Space Grotesk',sans-serif;font-size:16px;color:#100E0C;margin-bottom:26px;}
.hy-shop-price-sep{color:#CBA968;}

.hy-shop-range-slider{position:relative;height:34px;margin:0 4px 6px;}
.hy-shop-range-track{position:absolute;top:50%;left:0;right:0;height:2px;background:rgba(16,14,12,.15);transform:translateY(-50%);}
.hy-shop-range-fill{position:absolute;top:50%;height:2px;background:#CBA968;transform:translateY(-50%);}
.hy-range-input{position:absolute;top:0;left:0;width:100%;height:34px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;pointer-events:none;z-index:2;}
.hy-range-input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;pointer-events:all;width:18px;height:18px;border-radius:50%;background:#F7F3EC;border:2px solid #6E5138;cursor:pointer;box-shadow:0 1px 4px rgba(16,14,12,.3);}
.hy-range-input::-moz-range-thumb{pointer-events:all;width:18px;height:18px;border-radius:50%;background:#F7F3EC;border:2px solid #6E5138;cursor:pointer;box-shadow:0 1px 4px rgba(16,14,12,.3);}
.hy-range-input::-webkit-slider-runnable-track{background:transparent;height:34px;}
.hy-range-input::-moz-range-track{background:transparent;height:34px;}

.hy-shop-filter-drawer-foot{margin-top:auto;padding-top:26px;border-top:1px solid rgba(16,14,12,.08);display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto;}
.hy-shop-filter-reset{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#6E5138;text-decoration:underline;white-space:nowrap;}
.hy-shop-filter-apply{flex:1;background:#3C2D1F;color:#F7F3EC;border:none;padding:14px 20px;font-family:'Inter',sans-serif;font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:background .25s ease;}
.hy-shop-filter-apply:hover{background:#100E0C;}
body.hy-filter-locked{overflow:hidden;}
@media(max-width:480px){.hy-shop-filter-drawer{width:100vw;max-width:100vw;}}