*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans Georgian",Arial,sans-serif;color:#181714;background:#f6f3ee}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 40px));margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(246,243,238,.92);backdrop-filter:blur(16px);border-bottom:1px solid #ded9d0}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{font-size:22px;font-weight:800;letter-spacing:-1px;color:#15130f;text-decoration:none}.logo span{font-weight:400}.desktop-nav{display:flex;gap:34px}.desktop-nav a,.mobile-nav a{color:#514d46;text-decoration:none;font-size:14px}.nav-actions{display:flex;align-items:center;gap:9px}.icon-btn,.menu-btn{width:42px;height:42px;border:1px solid #d9d3ca;background:transparent;border-radius:50%;font-size:23px}.account-btn{border:1px solid #1b1915;background:#1b1915;color:#fff;border-radius:24px;padding:11px 18px}.menu-btn{display:none}.mobile-nav{display:none;padding:15px 20px;border-top:1px solid #ddd8cf}.hero{min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden;background:#27231f}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,17,13,.76),rgba(20,17,13,.18)),url("https://images.unsplash.com/photo-1618221195710-dd6b41faaea6?auto=format&fit=crop&w=2000&q=85") center/cover}.hero-content{position:relative;color:#fff;padding:110px 0}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:700;margin:0 0 18px;opacity:.8}.eyebrow.dark{color:#756e63;opacity:1}.hero h1{font-size:clamp(48px,7vw,92px);line-height:1.02;letter-spacing:-4px;margin:0 0 25px;font-weight:700}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-text{max-width:570px;color:#e8e3db;line-height:1.8;font-size:16px;margin-bottom:34px}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;background:#1c1a17;color:#fff;padding:14px 21px;border-radius:4px;text-decoration:none;font-weight:600;transition:.2s}.hero .primary-btn{background:#fff;color:#191713}.primary-btn:hover{transform:translateY(-2px)}.full{width:100%}.categories{display:flex;gap:8px;padding-top:55px}.category{background:transparent;border:1px solid #d6d0c6;padding:10px 17px;border-radius:30px;color:#625d55}.category.active{background:#1b1915;color:#fff;border-color:#1b1915}.products-section{padding:70px 0 110px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-head h2,.about h2{font-size:44px;letter-spacing:-2px;margin:0}.search-wrap{position:relative}.search-wrap input{width:280px;padding:13px 42px 13px 16px;border:1px solid #d6d0c6;background:transparent;border-radius:4px;outline:none}.search-wrap span{position:absolute;left:15px;top:50%;font-size:0;transform:translateY(-55%)}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{background:#fff;border:1px solid #e3ddd4;overflow:hidden;animation:rise .45s ease both}.product-image{aspect-ratio:1/1.05;position:relative;background:#eee;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.product:hover img{transform:scale(1.04)}.heart{position:absolute;right:14px;top:14px;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.9);font-size:22px}.heart.active{color:#a7352d}.product-info{padding:19px}.product-category{font-size:10px;letter-spacing:2px;color:#8b8378;text-transform:uppercase}.product-name{font-size:17px;font-weight:600;margin:7px 0 10px}.price{font-size:17px;font-weight:800}.about{background:linear-gradient(135deg,#eee8df 0%,#e4dbcf 100%);padding:100px 0}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.about h2{font-size:clamp(38px,4.5vw,55px);line-height:1.15}.about-copy{color:#625d55;line-height:1.9}.about-copy>p{margin:0 0 15px}.about-copy .about-intro{font-size:17px;color:#39352f}.about-intro strong{color:#171512}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.contact-item{display:flex;align-items:center;gap:13px;min-width:0;padding:15px;background:rgba(255,255,255,.55);border:1px solid rgba(110,98,83,.13);border-radius:8px;color:inherit;text-decoration:none;transition:transform .2s,background .2s}.contact-item:hover{transform:translateY(-2px);background:rgba(255,255,255,.82)}.contact-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#1c1a17;color:#fff;font-size:20px}.contact-item small,.contact-item strong{display:block}.contact-item small{font-size:11px;color:#817769;margin-bottom:3px}.contact-item strong{font-size:12px;overflow-wrap:anywhere;color:#2b2823}.social-row{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid rgba(110,98,83,.2);padding-top:22px;font-size:13px}.social-row a{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:5px;background:#2456a6;color:#fff;text-decoration:none;font-weight:600;transition:transform .2s,background .2s}.social-row a:hover{background:#194582;transform:translateY(-2px)}.footer{background:#1c1a17;color:#fff;padding:30px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:15px}.footer-inner p{margin:0}.footer .logo{color:#fff}.footer p{font-size:12px;color:#aaa}.modal{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal.hidden,.hidden{display:none!important}.modal-card{width:min(460px,100%);background:#f7f4ef;padding:36px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.25);max-height:90vh;overflow:auto}.close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:28px;color:#777}.modal-tabs{display:flex;gap:25px;border-bottom:1px solid #ddd6cc;margin-bottom:25px}.tab{border:0;background:none;padding:10px 0;color:#999}.tab.active{color:#171512;border-bottom:2px solid #171512}.auth-form{display:grid;gap:13px}.auth-form h3,.account-card h3,.admin-card h3{font-size:25px;margin:0 0 8px}.auth-form input,.product-form input,.product-form select{width:100%;border:1px solid #d3ccc2;background:#fff;padding:13px;outline:none}.account-card{display:grid;gap:14px}.account-card p{color:#716b62}.outline-btn{width:100%;border:1px solid #292621;background:transparent;color:#292621;padding:13px;border-radius:4px}.admin-card{width:min(800px,100%)}.admin-head{display:flex;justify-content:space-between;gap:20px}.stats{font-size:12px;color:#756e63;line-height:1.8;text-align:right}.product-form{display:grid;grid-template-columns:1.5fr 1fr .7fr;gap:9px;margin:25px 0;border-bottom:1px solid #ddd6cc;padding-bottom:25px}.file-input{grid-column:1/-1;border:1px dashed #bbb3a8;padding:14px;text-align:center;background:#fff;color:#746d63}.file-input input{display:none}.form-actions{grid-column:1/-1;display:flex;gap:8px}.admin-products{display:grid;gap:8px}.admin-row{display:grid;grid-template-columns:65px 1fr auto;gap:12px;align-items:center;background:#fff;padding:8px;border:1px solid #e0dad1}.admin-row img{width:65px;height:65px;object-fit:cover}.admin-row-info strong{display:block}.admin-row-info small{color:#857d72}.admin-actions{display:flex;gap:7px}.admin-actions button{border:1px solid #d0c8be;background:transparent;padding:8px}.admin-actions .delete{color:#a02f28}.empty{text-align:center;padding:70px;color:#847d73}.toast{position:fixed;bottom:25px;right:25px;background:#1c1a17;color:#fff;padding:14px 18px;border-radius:4px;z-index:100;transform:translateY(120px);opacity:0;transition:.3s}.toast.show{transform:translateY(0);opacity:1}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(max-width:800px){.desktop-nav{display:none}.menu-btn{display:block}.mobile-nav.open{display:grid;gap:14px}.hero{min-height:590px}.hero h1{letter-spacing:-2px}.categories{overflow:auto;white-space:nowrap;padding-top:30px}.products-section{padding-top:50px}.section-head{display:grid;gap:22px;align-items:start}.search-wrap input{width:100%}.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-info{padding:14px}.about-grid{grid-template-columns:1fr;gap:25px}.about h2{font-size:40px}.contact-grid{grid-template-columns:1fr}.social-row{align-items:flex-start;flex-direction:column}.product-form{grid-template-columns:1fr}.form-actions{grid-column:auto}.admin-row{grid-template-columns:55px 1fr}.admin-actions{grid-column:2}.admin-row img{width:55px;height:55px}}@media(max-width:520px){.container{width:min(100% - 24px,1180px)}.nav{height:65px}.logo{font-size:19px}.account-btn{padding:9px 12px}.hero-content{padding:80px 0}.hero h1{font-size:50px}.hero-text{font-size:14px}.products-grid{grid-template-columns:1fr}.section-head h2{font-size:35px}.modal-card{padding:28px 20px}.footer-inner{display:grid;gap:12px}}

/* ================================================================
   27. PREMIUM SHOWCASE
   ================================================================ */

.premium-showcase {
  padding: 125px 0;
  background: #f4f1eb;
}

.nav {
  display: flex;
  align-items: center; /* ეს გაასწორებს მენიუს და ლოგოს ერთ ვერტიკალურ ხაზზე */
  justify-content: space-between;
}

.menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.showcase-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 55px;
}

.showcase-heading h2 {
  margin: 0;
  font-size: clamp(40px, 5vw, 65px);
  font-weight: 600;
  letter-spacing: -3px;
  line-height: 1.03;
}

.zoom-container {
  position: relative;
  display: inline-block;
  cursor: zoom-in;
}

.zoom-image {
  width: 350px;
  height: auto;
  display: block;
}

.zoom-result {
  position: absolute;
  top: 0;
  left: 105%; 
  width: 350px;
  height: 350px;
  border: 1px solid #ddd;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  background-repeat: no-repeat;
  display: none; 
  z-index: 100;
  border-radius: 8px;
  background-color: #fff;
}

.showcase-heading h2 em {
  font-family: var(--font-serif);
  font-weight: 400;
}

.showcase-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.showcase-card {
  background: #fff;
  border: 1px solid var(--color-border);
  overflow: hidden;
  transition:
    transform var(--transition),
    box-shadow var(--transition);
}

.showcase-card:hover {
  transform: translateY(-7px);
  box-shadow: var(--shadow-soft);
}

.showcase-card-image {
  aspect-ratio: 1 / 1.05;
  background-position: center;
  background-size: cover;
  transition: transform var(--transition-slow);
}

.showcase-card:hover .showcase-card-image {
  transform: scale(1.04);
}

.showcase-one {
  background-image: url("https://images.unsplash.com/photo-1555041469-a586c61ea9bc?auto=format&fit=crop&w=1000&q=85");
}

.showcase-two {
  background-image: url("https://images.unsplash.com/photo-1603199506016-b9a594b593c0?auto=format&fit=crop&w=1000&q=85");
}

.showcase-three {
  background-image: url("https://images.unsplash.com/photo-1618220179428-22790b461013?auto=format&fit=crop&w=1000&q=85");
}

.showcase-card-copy {
  padding: 22px;
}

.showcase-card-copy > span {
  color: var(--color-text-muted);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 2px;
}

.showcase-card-copy h3 {
  margin: 8px 0;
  font-size: 19px;
  letter-spacing: -.5px;
}

.showcase-card-copy p {
  margin: 0;
  color: var(--color-text-soft);
  font-size: 11px;
  line-height: 1.8;
}

/* ================================================================
   28. QUOTE SECTION
   ================================================================ */

.quote-section {
  padding: 140px 0;
  background: #e9e3da;
  text-align: center;
}

.quote-section .container {
  max-width: 900px;
}

.quote-mark {
  margin: 0;
  font-family: var(--font-serif);
  font-size: 70px;
  font-weight: 400;
  line-height: .7;
}

.quote-section blockquote {
  margin: 30px 0;
  font-family: var(--font-serif);
  font-size: clamp(32px, 5vw, 58px);
  font-weight: 400;
  letter-spacing: -2px;
  line-height: 1.12;
}

.quote-caption {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 3px;
}

/* ================================================================
   29. EXTRA PRODUCT STATES
   ================================================================ */

.product-card.is-hidden {
  display: none;
}

.product-image-wrap::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.02),
    transparent 30%
  );
  content: "";
  pointer-events: none;
}

.product-card .product-image-wrap img {
  will-change: transform;
}

.product-favorite:active {
  transform: scale(.92);
}

.product-favorite.is-active:active {
  transform: scale(.92);
}

/* ================================================================
   30. ADMIN VISUAL DETAILS
   ================================================================ */

.admin-product-row:hover {
  border-color: #bdb4a8;
}

.admin-action {
  border-radius: 3px;
  transition:
    background var(--transition-fast),
    color var(--transition-fast),
    border-color var(--transition-fast);
}

.admin-action:hover {
  background: var(--color-black);
  color: var(--color-white);
}

.admin-action-danger:hover {
  border-color: var(--color-danger);
  background: var(--color-danger);
  color: var(--color-white);
}

.admin-upload:hover {
  border-color: var(--color-black);
  background: #fcfbf9;
}

.admin-upload:focus-within {
  border-color: var(--color-black);
}

/* ================================================================
   31. AUTH DETAILS
   ================================================================ */

.auth-form .button {
  margin-top: 7px;
}

.auth-form .button:disabled,
.admin-form-actions .button:disabled {
  cursor: wait;
  opacity: .55;
  transform: none;
}

.field input::placeholder,
.collection-search input::placeholder {
  color: #a39b90;
}

/* ================================================================
   32. ACCESSIBILITY AND CONTRAST
   ================================================================ */

button,
a,
input,
select {
  -webkit-tap-highlight-color: transparent;
}

button:disabled {
  cursor: not-allowed;
}

@media (hover: hover) {
  .category-card {
    cursor: pointer;
  }

  .product-card {
    cursor: default;
  }
}

/* ================================================================
   33. EXTRA RESPONSIVE SHOWCASE
   ================================================================ */

@media (max-width: 1000px) {
  .showcase-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .showcase-card:last-child {
    grid-column: 1 / -1;
    width: calc(50% - 8px);
  }
}

@media (max-width: 760px) {
  .premium-showcase {
    padding: 85px 0;
  }

  .showcase-heading {
    display: block;
    margin-bottom: 35px;
  }

  .showcase-grid {
    grid-template-columns: 1fr;
  }

  .showcase-card:last-child {
    grid-column: auto;
    width: auto;
  }

  .quote-section {
    padding: 95px 0;
  }

  .quote-section blockquote {
    font-size: 34px;
  }
}

@media (max-width: 430px) {
  .showcase-card-copy {
    padding: 18px;
  }

  .quote-section blockquote {
    font-size: 30px;
  }

  .quote-mark {
    font-size: 58px;
  }
}

/* ================================================================
   34. END OF AVEJI 7777 DESIGN SYSTEM
   ================================================================ */

/* Utility spacing helpers for future sections */
.space-1 { margin-top: 1px; }
.space-2 { margin-top: 2px; }
.space-3 { margin-top: 3px; }
.space-4 { margin-top: 4px; }
.space-5 { margin-top: 5px; }
.space-6 { margin-top: 6px; }
.space-7 { margin-top: 7px; }
.space-8 { margin-top: 8px; }
.space-9 { margin-top: 9px; }
.space-10 { margin-top: 10px; }
.space-11 { margin-top: 11px; }
.space-12 { margin-top: 12px; }
.space-13 { margin-top: 13px; }
.space-14 { margin-top: 14px; }
.space-15 { margin-top: 15px; }
.space-16 { margin-top: 16px; }
.space-17 { margin-top: 17px; }
.space-18 { margin-top: 18px; }
.space-19 { margin-top: 19px; }
.space-20 { margin-top: 20px; }
.space-21 { margin-top: 21px; }
.space-22 { margin-top: 22px; }
.space-23 { margin-top: 23px; }
.space-24 { margin-top: 24px; }
.space-25 { margin-top: 25px; }
.space-26 { margin-top: 26px; }
.space-27 { margin-top: 27px; }
.space-28 { margin-top: 28px; }
.space-29 { margin-top: 29px; }
.space-30 { margin-top: 30px; }
.space-31 { margin-top: 31px; }
.space-32 { margin-top: 32px; }
.space-33 { margin-top: 33px; }
.space-34 { margin-top: 34px; }
.space-35 { margin-top: 35px; }
.space-36 { margin-top: 36px; }
.space-37 { margin-top: 37px; }
.space-38 { margin-top: 38px; }
.space-39 { margin-top: 39px; }
.space-40 { margin-top: 40px; }
.space-41 { margin-top: 41px; }
.space-42 { margin-top: 42px; }
.space-43 { margin-top: 43px; }
.space-44 { margin-top: 44px; }
.space-45 { margin-top: 45px; }
.space-46 { margin-top: 46px; }
.space-47 { margin-top: 47px; }
.space-48 { margin-top: 48px; }
.space-49 { margin-top: 49px; }
.space-50 { margin-top: 50px; }
.space-51 { margin-top: 51px; }
.space-52 { margin-top: 52px; }
.space-53 { margin-top: 53px; }
.space-54 { margin-top: 54px; }
.space-55 { margin-top: 55px; }
.space-56 { margin-top: 56px; }
.space-57 { margin-top: 57px; }
.space-58 { margin-top: 58px; }
.space-59 { margin-top: 59px; }
.space-60 { margin-top: 60px; }
.space-61 { margin-top: 61px; }
.space-62 { margin-top: 62px; }
.space-63 { margin-top: 63px; }
.space-64 { margin-top: 64px; }
.space-65 { margin-top: 65px; }
.space-66 { margin-top: 66px; }
.space-67 { margin-top: 67px; }
.space-68 { margin-top: 68px; }
.space-69 { margin-top: 69px; }
.space-70 { margin-top: 70px; }
.space-71 { margin-top: 71px; }
.space-72 { margin-top: 72px; }
.space-73 { margin-top: 73px; }
.space-74 { margin-top: 74px; }
.space-75 { margin-top: 75px; }
.space-76 { margin-top: 76px; }
.space-77 { margin-top: 77px; }
.space-78 { margin-top: 78px; }
.space-79 { margin-top: 79px; }
.space-80 { margin-top: 80px; }
.space-81 { margin-top: 81px; }
.space-82 { margin-top: 82px; }
.space-83 { margin-top: 83px; }
.space-84 { margin-top: 84px; }
.space-85 { margin-top: 85px; }
.space-86 { margin-top: 86px; }
.space-87 { margin-top: 87px; }
.space-88 { margin-top: 88px; }
.space-89 { margin-top: 89px; }
.space-90 { margin-top: 90px; }
.space-91 { margin-top: 91px; }
.space-92 { margin-top: 92px; }
.space-93 { margin-top: 93px; }
.space-94 { margin-top: 94px; }
.space-95 { margin-top: 95px; }
.space-96 { margin-top: 96px; }
.space-97 { margin-top: 97px; }
.space-98 { margin-top: 98px; }
.space-99 { margin-top: 99px; }
.space-100 { margin-top: 100px; }
.space-101 { margin-top: 101px; }
.space-102 { margin-top: 102px; }
.space-103 { margin-top: 103px; }
.space-104 { margin-top: 104px; }
.space-105 { margin-top: 105px; }
.space-106 { margin-top: 106px; }
.space-107 { margin-top: 107px; }
.space-108 { margin-top: 108px; }
.space-109 { margin-top: 109px; }
.space-110 { margin-top: 110px; }
.space-111 { margin-top: 111px; }
.space-112 { margin-top: 112px; }
.space-113 { margin-top: 113px; }
.space-114 { margin-top: 114px; }
.space-115 { margin-top: 115px; }
.space-116 { margin-top: 116px; }
.space-117 { margin-top: 117px; }
.space-118 { margin-top: 118px; }
.space-119 { margin-top: 119px; }
.space-120 { margin-top: 120px; }
.space-121 { margin-top: 121px; }
.space-122 { margin-top: 122px; }
.space-123 { margin-top: 123px; }
.space-124 { margin-top: 124px; }
.space-125 { margin-top: 125px; }
.space-126 { margin-top: 126px; }
.space-127 { margin-top: 127px; }
.space-128 { margin-top: 128px; }
.space-129 { margin-top: 129px; }
.space-130 { margin-top: 130px; }
.space-131 { margin-top: 131px; }
.space-132 { margin-top: 132px; }
.space-133 { margin-top: 133px; }
.space-134 { margin-top: 134px; }
.space-135 { margin-top: 135px; }
.space-136 { margin-top: 136px; }
.space-137 { margin-top: 137px; }
.space-138 { margin-top: 138px; }
.space-139 { margin-top: 139px; }
.space-140 { margin-top: 140px; }
.space-141 { margin-top: 141px; }
.space-142 { margin-top: 142px; }
.space-143 { margin-top: 143px; }
.space-144 { margin-top: 144px; }
.space-145 { margin-top: 145px; }
.space-146 { margin-top: 146px; }
.space-147 { margin-top: 147px; }
.space-148 { margin-top: 148px; }
.space-149 { margin-top: 149px; }
.space-150 { margin-top: 150px; }

/* ================================================================
   35. EXTENSIBLE DESIGN UTILITIES
   ================================================================ */
.u-pad-1 { padding: 1px; }
.u-mt-1 { margin-top: 1px; }
.u-radius-1 { border-radius: 1px; }
.u-pad-2 { padding: 2px; }
.u-mt-2 { margin-top: 2px; }
.u-radius-2 { border-radius: 2px; }
.u-pad-3 { padding: 3px; }
.u-mt-3 { margin-top: 3px; }
.u-radius-3 { border-radius: 3px; }
.u-pad-4 { padding: 4px; }
.u-mt-4 { margin-top: 4px; }
.u-radius-4 { border-radius: 4px; }
.u-pad-5 { padding: 5px; }
.u-mt-5 { margin-top: 5px; }
.u-radius-5 { border-radius: 5px; }
.u-pad-6 { padding: 6px; }
.u-mt-6 { margin-top: 6px; }
.u-radius-6 { border-radius: 6px; }
.u-pad-7 { padding: 7px; }
.u-mt-7 { margin-top: 7px; }
.u-radius-7 { border-radius: 7px; }
.u-pad-8 { padding: 8px; }
.u-mt-8 { margin-top: 8px; }
.u-radius-8 { border-radius: 8px; }
.u-pad-9 { padding: 9px; }
.u-mt-9 { margin-top: 9px; }
.u-radius-9 { border-radius: 9px; }
.u-pad-10 { padding: 10px; }
.u-mt-10 { margin-top: 10px; }
.u-radius-10 { border-radius: 10px; }
.u-pad-11 { padding: 11px; }
.u-mt-11 { margin-top: 11px; }
.u-radius-11 { border-radius: 11px; }
.u-pad-12 { padding: 12px; }
.u-mt-12 { margin-top: 12px; }
.u-radius-12 { border-radius: 12px; }
.u-pad-13 { padding: 13px; }
.u-mt-13 { margin-top: 13px; }
.u-radius-13 { border-radius: 13px; }
.u-pad-14 { padding: 14px; }
.u-mt-14 { margin-top: 14px; }
.u-radius-14 { border-radius: 14px; }
.u-pad-15 { padding: 15px; }
.u-mt-15 { margin-top: 15px; }
.u-radius-15 { border-radius: 15px; }
.u-pad-16 { padding: 16px; }
.u-mt-16 { margin-top: 16px; }
.u-radius-16 { border-radius: 16px; }
.u-pad-17 { padding: 17px; }
.u-mt-17 { margin-top: 17px; }
.u-radius-17 { border-radius: 17px; }
.u-pad-18 { padding: 18px; }
.u-mt-18 { margin-top: 18px; }
.u-radius-18 { border-radius: 18px; }
.u-pad-19 { padding: 19px; }
.u-mt-19 { margin-top: 19px; }
.u-radius-19 { border-radius: 19px; }
.u-pad-20 { padding: 20px; }
.u-mt-20 { margin-top: 20px; }
.u-radius-20 { border-radius: 20px; }
.u-pad-21 { padding: 21px; }
.u-mt-21 { margin-top: 21px; }
.u-radius-21 { border-radius: 21px; }
.u-pad-22 { padding: 22px; }
.u-mt-22 { margin-top: 22px; }
.u-radius-22 { border-radius: 22px; }
.u-pad-23 { padding: 23px; }
.u-mt-23 { margin-top: 23px; }
.u-radius-23 { border-radius: 23px; }
.u-pad-24 { padding: 24px; }
.u-mt-24 { margin-top: 24px; }
.u-radius-24 { border-radius: 24px; }
.u-pad-25 { padding: 25px; }
.u-mt-25 { margin-top: 25px; }
.u-radius-25 { border-radius: 25px; }
.u-pad-26 { padding: 26px; }
.u-mt-26 { margin-top: 26px; }
.u-radius-26 { border-radius: 26px; }
.u-pad-27 { padding: 27px; }
.u-mt-27 { margin-top: 27px; }
.u-radius-27 { border-radius: 27px; }
.u-pad-28 { padding: 28px; }
.u-mt-28 { margin-top: 28px; }
.u-radius-28 { border-radius: 28px; }
.u-pad-29 { padding: 29px; }
.u-mt-29 { margin-top: 29px; }
.u-radius-29 { border-radius: 29px; }
.u-pad-30 { padding: 30px; }
.u-mt-30 { margin-top: 30px; }
.u-radius-30 { border-radius: 30px; }
.u-pad-31 { padding: 31px; }
.u-mt-31 { margin-top: 31px; }
.u-radius-31 { border-radius: 31px; }
.u-pad-32 { padding: 32px; }
.u-mt-32 { margin-top: 32px; }
.u-radius-32 { border-radius: 32px; }
.u-pad-33 { padding: 33px; }
.u-mt-33 { margin-top: 33px; }
.u-radius-33 { border-radius: 33px; }
.u-pad-34 { padding: 34px; }
.u-mt-34 { margin-top: 34px; }
.u-radius-34 { border-radius: 34px; }
.u-pad-35 { padding: 35px; }
.u-mt-35 { margin-top: 35px; }
.u-radius-35 { border-radius: 35px; }
.u-pad-36 { padding: 36px; }
.u-mt-36 { margin-top: 36px; }
.u-radius-36 { border-radius: 36px; }
.u-pad-37 { padding: 37px; }
.u-mt-37 { margin-top: 37px; }
.u-radius-37 { border-radius: 37px; }
.u-pad-38 { padding: 38px; }
.u-mt-38 { margin-top: 38px; }
.u-radius-38 { border-radius: 38px; }
.u-pad-39 { padding: 39px; }
.u-mt-39 { margin-top: 39px; }
.u-radius-39 { border-radius: 39px; }
.u-pad-40 { padding: 40px; }
.u-mt-40 { margin-top: 40px; }
.u-radius-40 { border-radius: 40px; }
.u-pad-41 { padding: 41px; }
.u-mt-41 { margin-top: 41px; }
.u-radius-41 { border-radius: 41px; }
.u-pad-42 { padding: 42px; }
.u-mt-42 { margin-top: 42px; }
.u-radius-42 { border-radius: 42px; }
.u-pad-43 { padding: 43px; }
.u-mt-43 { margin-top: 43px; }
.u-radius-43 { border-radius: 43px; }
.u-pad-44 { padding: 44px; }
.u-mt-44 { margin-top: 44px; }
.u-radius-44 { border-radius: 44px; }
.u-pad-45 { padding: 45px; }
.u-mt-45 { margin-top: 45px; }
.u-radius-45 { border-radius: 45px; }
.u-pad-46 { padding: 46px; }
.u-mt-46 { margin-top: 46px; }
.u-radius-46 { border-radius: 46px; }
.u-pad-47 { padding: 47px; }
.u-mt-47 { margin-top: 47px; }
.u-radius-47 { border-radius: 47px; }
.u-pad-48 { padding: 48px; }
.u-mt-48 { margin-top: 48px; }
.u-radius-48 { border-radius: 48px; }
.u-pad-49 { padding: 49px; }
.u-mt-49 { margin-top: 49px; }
.u-radius-49 { border-radius: 49px; }
.u-pad-50 { padding: 50px; }
.u-mt-50 { margin-top: 50px; }
.u-radius-50 { border-radius: 50px; }
.u-pad-51 { padding: 51px; }
.u-mt-51 { margin-top: 51px; }
.u-radius-51 { border-radius: 50px; }
.u-pad-52 { padding: 52px; }
.u-mt-52 { margin-top: 52px; }
.u-radius-52 { border-radius: 50px; }
.u-pad-53 { padding: 53px; }
.u-mt-53 { margin-top: 53px; }
.u-radius-53 { border-radius: 50px; }
.u-pad-54 { padding: 54px; }
.u-mt-54 { margin-top: 54px; }
.u-radius-54 { border-radius: 50px; }
.u-pad-55 { padding: 55px; }
.u-mt-55 { margin-top: 55px; }
.u-radius-55 { border-radius: 50px; }
.u-pad-56 { padding: 56px; }
.u-mt-56 { margin-top: 56px; }
.u-radius-56 { border-radius: 50px; }
.u-pad-57 { padding: 57px; }
.u-mt-57 { margin-top: 57px; }
.u-radius-57 { border-radius: 50px; }
.u-pad-58 { padding: 58px; }
.u-mt-58 { margin-top: 58px; }
.u-radius-58 { border-radius: 50px; }
.u-pad-59 { padding: 59px; }
.u-mt-59 { margin-top: 59px; }
.u-radius-59 { border-radius: 50px; }
.u-pad-60 { padding: 60px; }
.u-mt-60 { margin-top: 60px; }
.u-radius-60 { border-radius: 50px; }
.u-pad-61 { padding: 61px; }
.u-mt-61 { margin-top: 61px; }
.u-radius-61 { border-radius: 50px; }
.u-pad-62 { padding: 62px; }
.u-mt-62 { margin-top: 62px; }
.u-radius-62 { border-radius: 50px; }
.u-pad-63 { padding: 63px; }
.u-mt-63 { margin-top: 63px; }
.u-radius-63 { border-radius: 50px; }
.u-pad-64 { padding: 64px; }
.u-mt-64 { margin-top: 64px; }
.u-radius-64 { border-radius: 50px; }
.u-pad-65 { padding: 65px; }
.u-mt-65 { margin-top: 65px; }
.u-radius-65 { border-radius: 50px; }
.u-pad-66 { padding: 66px; }
.u-mt-66 { margin-top: 66px; }
.u-radius-66 { border-radius: 50px; }
.u-pad-67 { padding: 67px; }
.u-mt-67 { margin-top: 67px; }
.u-radius-67 { border-radius: 50px; }
.u-pad-68 { padding: 68px; }
.u-mt-68 { margin-top: 68px; }
.u-radius-68 { border-radius: 50px; }
.u-pad-69 { padding: 69px; }
.u-mt-69 { margin-top: 69px; }
.u-radius-69 { border-radius: 50px; }
.u-pad-70 { padding: 70px; }
.u-mt-70 { margin-top: 70px; }
.u-radius-70 { border-radius: 50px; }
.u-pad-71 { padding: 71px; }
.u-mt-71 { margin-top: 71px; }
.u-radius-71 { border-radius: 50px; }
.u-pad-72 { padding: 72px; }
.u-mt-72 { margin-top: 72px; }
.u-radius-72 { border-radius: 50px; }
.u-pad-73 { padding: 73px; }
.u-mt-73 { margin-top: 73px; }
.u-radius-73 { border-radius: 50px; }
.u-pad-74 { padding: 74px; }
.u-mt-74 { margin-top: 74px; }
.u-radius-74 { border-radius: 50px; }
.u-pad-75 { padding: 75px; }
.u-mt-75 { margin-top: 75px; }
.u-radius-75 { border-radius: 50px; }
.u-pad-76 { padding: 76px; }
.u-mt-76 { margin-top: 76px; }
.u-radius-76 { border-radius: 50px; }
.u-pad-77 { padding: 77px; }
.u-mt-77 { margin-top: 77px; }
.u-radius-77 { border-radius: 50px; }
.u-pad-78 { padding: 78px; }
.u-mt-78 { margin-top: 78px; }
.u-radius-78 { border-radius: 50px; }
.u-pad-79 { padding: 79px; }
.u-mt-79 { margin-top: 79px; }
.u-radius-79 { border-radius: 50px; }
.u-pad-80 { padding: 80px; }
.u-mt-80 { margin-top: 80px; }
.u-radius-80 { border-radius: 50px; }
.u-pad-81 { padding: 81px; }
.u-mt-81 { margin-top: 81px; }
.u-radius-81 { border-radius: 50px; }
.u-pad-82 { padding: 82px; }
.u-mt-82 { margin-top: 82px; }
.u-radius-82 { border-radius: 50px; }
.u-pad-83 { padding: 83px; }
.u-mt-83 { margin-top: 83px; }
.u-radius-83 { border-radius: 50px; }
.u-pad-84 { padding: 84px; }
.u-mt-84 { margin-top: 84px; }
.u-radius-84 { border-radius: 50px; }
.u-pad-85 { padding: 85px; }
.u-mt-85 { margin-top: 85px; }
.u-radius-85 { border-radius: 50px; }
.u-pad-86 { padding: 86px; }
.u-mt-86 { margin-top: 86px; }
.u-radius-86 { border-radius: 50px; }
.u-pad-87 { padding: 87px; }
.u-mt-87 { margin-top: 87px; }
.u-radius-87 { border-radius: 50px; }
.u-pad-88 { padding: 88px; }
.u-mt-88 { margin-top: 88px; }
.u-radius-88 { border-radius: 50px; }
.u-pad-89 { padding: 89px; }
.u-mt-89 { margin-top: 89px; }
.u-radius-89 { border-radius: 50px; }
.u-pad-90 { padding: 90px; }
.u-mt-90 { margin-top: 90px; }
.u-radius-90 { border-radius: 50px; }
.u-pad-91 { padding: 91px; }
.u-mt-91 { margin-top: 91px; }
.u-radius-91 { border-radius: 50px; }
.u-pad-92 { padding: 92px; }
.u-mt-92 { margin-top: 92px; }
.u-radius-92 { border-radius: 50px; }
.u-pad-93 { padding: 93px; }
.u-mt-93 { margin-top: 93px; }
.u-radius-93 { border-radius: 50px; }
.u-pad-94 { padding: 94px; }
.u-mt-94 { margin-top: 94px; }
.u-radius-94 { border-radius: 50px; }
.u-pad-95 { padding: 95px; }
.u-mt-95 { margin-top: 95px; }
.u-radius-95 { border-radius: 50px; }
.u-pad-96 { padding: 96px; }
.u-mt-96 { margin-top: 96px; }
.u-radius-96 { border-radius: 50px; }
.u-pad-97 { padding: 97px; }
.u-mt-97 { margin-top: 97px; }
.u-radius-97 { border-radius: 50px; }
.u-pad-98 { padding: 98px; }
.u-mt-98 { margin-top: 98px; }
.u-radius-98 { border-radius: 50px; }
.u-pad-99 { padding: 99px; }
.u-mt-99 { margin-top: 99px; }
.u-radius-99 { border-radius: 50px; }
.u-pad-100 { padding: 100px; }
.u-mt-100 { margin-top: 100px; }
.u-radius-100 { border-radius: 50px; }
.u-pad-101 { padding: 101px; }
.u-mt-101 { margin-top: 101px; }
.u-radius-101 { border-radius: 50px; }
.u-pad-102 { padding: 102px; }
.u-mt-102 { margin-top: 102px; }
.u-radius-102 { border-radius: 50px; }
.u-pad-103 { padding: 103px; }
.u-mt-103 { margin-top: 103px; }
.u-radius-103 { border-radius: 50px; }
.u-pad-104 { padding: 104px; }
.u-mt-104 { margin-top: 104px; }
.u-radius-104 { border-radius: 50px; }
.u-pad-105 { padding: 105px; }
.u-mt-105 { margin-top: 105px; }
.u-radius-105 { border-radius: 50px; }
.u-pad-106 { padding: 106px; }
.u-mt-106 { margin-top: 106px; }
.u-radius-106 { border-radius: 50px; }
.u-pad-107 { padding: 107px; }
.u-mt-107 { margin-top: 107px; }
.u-radius-107 { border-radius: 50px; }
.u-pad-108 { padding: 108px; }
.u-mt-108 { margin-top: 108px; }
.u-radius-108 { border-radius: 50px; }
.u-pad-109 { padding: 109px; }
.u-mt-109 { margin-top: 109px; }
.u-radius-109 { border-radius: 50px; }
.u-pad-110 { padding: 110px; }
.u-mt-110 { margin-top: 110px; }
.u-radius-110 { border-radius: 50px; }
.u-pad-111 { padding: 111px; }
.u-mt-111 { margin-top: 111px; }
.u-radius-111 { border-radius: 50px; }
.u-pad-112 { padding: 112px; }
.u-mt-112 { margin-top: 112px; }
.u-radius-112 { border-radius: 50px; }
.u-pad-113 { padding: 113px; }
.u-mt-113 { margin-top: 113px; }
.u-radius-113 { border-radius: 50px; }
.u-pad-114 { padding: 114px; }
.u-mt-114 { margin-top: 114px; }
.u-radius-114 { border-radius: 50px; }
.u-pad-115 { padding: 115px; }
.u-mt-115 { margin-top: 115px; }
.u-radius-115 { border-radius: 50px; }
.u-pad-116 { padding: 116px; }
.u-mt-116 { margin-top: 116px; }
.u-radius-116 { border-radius: 50px; }
.u-pad-117 { padding: 117px; }
.u-mt-117 { margin-top: 117px; }
.u-radius-117 { border-radius: 50px; }
.u-pad-118 { padding: 118px; }
.u-mt-118 { margin-top: 118px; }
.u-radius-118 { border-radius: 50px; }
.u-pad-119 { padding: 119px; }
.u-mt-119 { margin-top: 119px; }
.u-radius-119 { border-radius: 50px; }
.u-pad-120 { padding: 120px; }
.u-mt-120 { margin-top: 120px; }
.u-radius-120 { border-radius: 50px; }
.u-pad-121 { padding: 121px; }
.u-mt-121 { margin-top: 121px; }
.u-radius-121 { border-radius: 50px; }
.u-pad-122 { padding: 122px; }
.u-mt-122 { margin-top: 122px; }
.u-radius-122 { border-radius: 50px; }
.u-pad-123 { padding: 123px; }
.u-mt-123 { margin-top: 123px; }
.u-radius-123 { border-radius: 50px; }
.u-pad-124 { padding: 124px; }
.u-mt-124 { margin-top: 124px; }
.u-radius-124 { border-radius: 50px; }
.u-pad-125 { padding: 125px; }
.u-mt-125 { margin-top: 125px; }
.u-radius-125 { border-radius: 50px; }
.u-pad-126 { padding: 126px; }
.u-mt-126 { margin-top: 126px; }
.u-radius-126 { border-radius: 50px; }
.u-pad-127 { padding: 127px; }
.u-mt-127 { margin-top: 127px; }
.u-radius-127 { border-radius: 50px; }
.u-pad-128 { padding: 128px; }
.u-mt-128 { margin-top: 128px; }
.u-radius-128 { border-radius: 50px; }
.u-pad-129 { padding: 129px; }
.u-mt-129 { margin-top: 129px; }
.u-radius-129 { border-radius: 50px; }
.u-pad-130 { padding: 130px; }
.u-mt-130 { margin-top: 130px; }
.u-radius-130 { border-radius: 50px; }
.u-pad-131 { padding: 131px; }
.u-mt-131 { margin-top: 131px; }
.u-radius-131 { border-radius: 50px; }
.u-pad-132 { padding: 132px; }
.u-mt-132 { margin-top: 132px; }
.u-radius-132 { border-radius: 50px; }
.u-pad-133 { padding: 133px; }
.u-mt-133 { margin-top: 133px; }
.u-radius-133 { border-radius: 50px; }
.u-pad-134 { padding: 134px; }
.u-mt-134 { margin-top: 134px; }
.u-radius-134 { border-radius: 50px; }
.u-pad-135 { padding: 135px; }
.u-mt-135 { margin-top: 135px; }
.u-radius-135 { border-radius: 50px; }
.u-pad-136 { padding: 136px; }
.u-mt-136 { margin-top: 136px; }
.u-radius-136 { border-radius: 50px; }
.u-pad-137 { padding: 137px; }
.u-mt-137 { margin-top: 137px; }
.u-radius-137 { border-radius: 50px; }
.u-pad-138 { padding: 138px; }
.u-mt-138 { margin-top: 138px; }
.u-radius-138 { border-radius: 50px; }
.u-pad-139 { padding: 139px; }
.u-mt-139 { margin-top: 139px; }
.u-radius-139 { border-radius: 50px; }
.u-pad-140 { padding: 140px; }
.u-mt-140 { margin-top: 140px; }
.u-radius-140 { border-radius: 50px; }
.u-pad-141 { padding: 141px; }
.u-mt-141 { margin-top: 141px; }
.u-radius-141 { border-radius: 50px; }
.u-pad-142 { padding: 142px; }
.u-mt-142 { margin-top: 142px; }
.u-radius-142 { border-radius: 50px; }
.u-pad-143 { padding: 143px; }
.u-mt-143 { margin-top: 143px; }
.u-radius-143 { border-radius: 50px; }
.u-pad-144 { padding: 144px; }
.u-mt-144 { margin-top: 144px; }
.u-radius-144 { border-radius: 50px; }
.u-pad-145 { padding: 145px; }
.u-mt-145 { margin-top: 145px; }
.u-radius-145 { border-radius: 50px; }
.u-pad-146 { padding: 146px; }
.u-mt-146 { margin-top: 146px; }
.u-radius-146 { border-radius: 50px; }
.u-pad-147 { padding: 147px; }
.u-mt-147 { margin-top: 147px; }
.u-radius-147 { border-radius: 50px; }
.u-pad-148 { padding: 148px; }
.u-mt-148 { margin-top: 148px; }
.u-radius-148 { border-radius: 50px; }
.u-pad-149 { padding: 149px; }
.u-mt-149 { margin-top: 149px; }
.u-radius-149 { border-radius: 50px; }
.u-pad-150 { padding: 150px; }
.u-mt-150 { margin-top: 150px; }
.u-radius-150 { border-radius: 50px; }
.u-pad-151 { padding: 151px; }
.u-mt-151 { margin-top: 151px; }
.u-radius-151 { border-radius: 50px; }
.u-pad-152 { padding: 152px; }
.u-mt-152 { margin-top: 152px; }
.u-radius-152 { border-radius: 50px; }
.u-pad-153 { padding: 153px; }
.u-mt-153 { margin-top: 153px; }
.u-radius-153 { border-radius: 50px; }
.u-pad-154 { padding: 154px; }
.u-mt-154 { margin-top: 154px; }
.u-radius-154 { border-radius: 50px; }
.u-pad-155 { padding: 155px; }
.u-mt-155 { margin-top: 155px; }
.u-radius-155 { border-radius: 50px; }
.u-pad-156 { padding: 156px; }
.u-mt-156 { margin-top: 156px; }
.u-radius-156 { border-radius: 50px; }
.u-pad-157 { padding: 157px; }
.u-mt-157 { margin-top: 157px; }
.u-radius-157 { border-radius: 50px; }
.u-pad-158 { padding: 158px; }
.u-mt-158 { margin-top: 158px; }
.u-radius-158 { border-radius: 50px; }
.u-pad-159 { padding: 159px; }
.u-mt-159 { margin-top: 159px; }
.u-radius-159 { border-radius: 50px; }
.u-pad-160 { padding: 160px; }
.u-mt-160 { margin-top: 160px; }
.u-radius-160 { border-radius: 50px; }
.u-pad-161 { padding: 161px; }
.u-mt-161 { margin-top: 161px; }
.u-radius-161 { border-radius: 50px; }
.u-pad-162 { padding: 162px; }
.u-mt-162 { margin-top: 162px; }
.u-radius-162 { border-radius: 50px; }
.u-pad-163 { padding: 163px; }
.u-mt-163 { margin-top: 163px; }
.u-radius-163 { border-radius: 50px; }
.u-pad-164 { padding: 164px; }
.u-mt-164 { margin-top: 164px; }
.u-radius-164 { border-radius: 50px; }
.u-pad-165 { padding: 165px; }
.u-mt-165 { margin-top: 165px; }
.u-radius-165 { border-radius: 50px; }
.u-pad-166 { padding: 166px; }
.u-mt-166 { margin-top: 166px; }
.u-radius-166 { border-radius: 50px; }
.u-pad-167 { padding: 167px; }
.u-mt-167 { margin-top: 167px; }
.u-radius-167 { border-radius: 50px; }
.u-pad-168 { padding: 168px; }
.u-mt-168 { margin-top: 168px; }
.u-radius-168 { border-radius: 50px; }
.u-pad-169 { padding: 169px; }
.u-mt-169 { margin-top: 169px; }
.u-radius-169 { border-radius: 50px; }
.u-pad-170 { padding: 170px; }
.u-mt-170 { margin-top: 170px; }
.u-radius-170 { border-radius: 50px; }
.u-pad-171 { padding: 171px; }
.u-mt-171 { margin-top: 171px; }
.u-radius-171 { border-radius: 50px; }
.u-pad-172 { padding: 172px; }
.u-mt-172 { margin-top: 172px; }
.u-radius-172 { border-radius: 50px; }
.u-pad-173 { padding: 173px; }
.u-mt-173 { margin-top: 173px; }
.u-radius-173 { border-radius: 50px; }
.u-pad-174 { padding: 174px; }
.u-mt-174 { margin-top: 174px; }
.u-radius-174 { border-radius: 50px; }
.u-pad-175 { padding: 175px; }
.u-mt-175 { margin-top: 175px; }
.u-radius-175 { border-radius: 50px; }
.u-pad-176 { padding: 176px; }
.u-mt-176 { margin-top: 176px; }
.u-radius-176 { border-radius: 50px; }
.u-pad-177 { padding: 177px; }
.u-mt-177 { margin-top: 177px; }
.u-radius-177 { border-radius: 50px; }
.u-pad-178 { padding: 178px; }
.u-mt-178 { margin-top: 178px; }
.u-radius-178 { border-radius: 50px; }
.u-pad-179 { padding: 179px; }
.u-mt-179 { margin-top: 179px; }
.u-radius-179 { border-radius: 50px; }
.u-pad-180 { padding: 180px; }
.u-mt-180 { margin-top: 180px; }
.u-radius-180 { border-radius: 50px; }
.u-pad-181 { padding: 181px; }
.u-mt-181 { margin-top: 181px; }
.u-radius-181 { border-radius: 50px; }
.u-pad-182 { padding: 182px; }
.u-mt-182 { margin-top: 182px; }
.u-radius-182 { border-radius: 50px; }
.u-pad-183 { padding: 183px; }
.u-mt-183 { margin-top: 183px; }
.u-radius-183 { border-radius: 50px; }
.u-pad-184 { padding: 184px; }
.u-mt-184 { margin-top: 184px; }
.u-radius-184 { border-radius: 50px; }
.u-pad-185 { padding: 185px; }
.u-mt-185 { margin-top: 185px; }
.u-radius-185 { border-radius: 50px; }
.u-pad-186 { padding: 186px; }
.u-mt-186 { margin-top: 186px; }
.u-radius-186 { border-radius: 50px; }
.u-pad-187 { padding: 187px; }
.u-mt-187 { margin-top: 187px; }
.u-radius-187 { border-radius: 50px; }
.u-pad-188 { padding: 188px; }
.u-mt-188 { margin-top: 188px; }
.u-radius-188 { border-radius: 50px; }
.u-pad-189 { padding: 189px; }
.u-mt-189 { margin-top: 189px; }
.u-radius-189 { border-radius: 50px; }
.u-pad-190 { padding: 190px; }
.u-mt-190 { margin-top: 190px; }
.u-radius-190 { border-radius: 50px; }
.u-pad-191 { padding: 191px; }
.u-mt-191 { margin-top: 191px; }
.u-radius-191 { border-radius: 50px; }
.u-pad-192 { padding: 192px; }
.u-mt-192 { margin-top: 192px; }
.u-radius-192 { border-radius: 50px; }
.u-pad-193 { padding: 193px; }
.u-mt-193 { margin-top: 193px; }
.u-radius-193 { border-radius: 50px; }
.u-pad-194 { padding: 194px; }
.u-mt-194 { margin-top: 194px; }
.u-radius-194 { border-radius: 50px; }
.u-pad-195 { padding: 195px; }
.u-mt-195 { margin-top: 195px; }
.u-radius-195 { border-radius: 50px; }
.u-pad-196 { padding: 196px; }
.u-mt-196 { margin-top: 196px; }
.u-radius-196 { border-radius: 50px; }
.u-pad-197 { padding: 197px; }
.u-mt-197 { margin-top: 197px; }
.u-radius-197 { border-radius: 50px; }
.u-pad-198 { padding: 198px; }
.u-mt-198 { margin-top: 198px; }
.u-radius-198 { border-radius: 50px; }
.u-pad-199 { padding: 199px; }
.u-mt-199 { margin-top: 199px; }
.u-radius-199 { border-radius: 50px; }
.u-pad-200 { padding: 200px; }
.u-mt-200 { margin-top: 200px; }
.u-radius-200 { border-radius: 50px; }
.u-pad-201 { padding: 201px; }
.u-mt-201 { margin-top: 201px; }
.u-radius-201 { border-radius: 50px; }
.u-pad-202 { padding: 202px; }
.u-mt-202 { margin-top: 202px; }
.u-radius-202 { border-radius: 50px; }
.u-pad-203 { padding: 203px; }
.u-mt-203 { margin-top: 203px; }
.u-radius-203 { border-radius: 50px; }
.u-pad-204 { padding: 204px; }
.u-mt-204 { margin-top: 204px; }
.u-radius-204 { border-radius: 50px; }
.u-pad-205 { padding: 205px; }
.u-mt-205 { margin-top: 205px; }
.u-radius-205 { border-radius: 50px; }
.u-pad-206 { padding: 206px; }
.u-mt-206 { margin-top: 206px; }
.u-radius-206 { border-radius: 50px; }
.u-pad-207 { padding: 207px; }
.u-mt-207 { margin-top: 207px; }
.u-radius-207 { border-radius: 50px; }
.u-pad-208 { padding: 208px; }
.u-mt-208 { margin-top: 208px; }
.u-radius-208 { border-radius: 50px; }
.u-pad-209 { padding: 209px; }
.u-mt-209 { margin-top: 209px; }
.u-radius-209 { border-radius: 50px; }
.u-pad-210 { padding: 210px; }
.u-mt-210 { margin-top: 210px; }
.u-radius-210 { border-radius: 50px; }
.u-pad-211 { padding: 211px; }
.u-mt-211 { margin-top: 211px; }
.u-radius-211 { border-radius: 50px; }
.u-pad-212 { padding: 212px; }
.u-mt-212 { margin-top: 212px; }
.u-radius-212 { border-radius: 50px; }
.u-pad-213 { padding: 213px; }
.u-mt-213 { margin-top: 213px; }
.u-radius-213 { border-radius: 50px; }
.u-pad-214 { padding: 214px; }
.u-mt-214 { margin-top: 214px; }
.u-radius-214 { border-radius: 50px; }
.u-pad-215 { padding: 215px; }
.u-mt-215 { margin-top: 215px; }
.u-radius-215 { border-radius: 50px; }
.u-pad-216 { padding: 216px; }
.u-mt-216 { margin-top: 216px; }
.u-radius-216 { border-radius: 50px; }
.u-pad-217 { padding: 217px; }
.u-mt-217 { margin-top: 217px; }
.u-radius-217 { border-radius: 50px; }
.u-pad-218 { padding: 218px; }
.u-mt-218 { margin-top: 218px; }
.u-radius-218 { border-radius: 50px; }
.u-pad-219 { padding: 219px; }
.u-mt-219 { margin-top: 219px; }
.u-radius-219 { border-radius: 50px; }
.u-pad-220 { padding: 220px; }
.u-mt-220 { margin-top: 220px; }
.u-radius-220 { border-radius: 50px; }


/* ===== FINAL HEADER / SEARCH / LOGIN ICON FIX ===== */
.header-search{position:relative;display:flex;align-items:center;width:280px;flex:0 0 280px}
.header-search input{width:100%;height:50px;padding:0 16px 0 44px;border:1px solid #d6d0c6;background:transparent;border-radius:5px;outline:none;color:#181714;transition:border-color .2s ease,box-shadow .2s ease}
.header-search input:focus{border-color:#9b948a;box-shadow:0 0 0 3px rgba(27,25,21,.05)}
.header-search input::-webkit-search-cancel-button{display:none}
.search-icon{position:absolute;left:15px;top:50%;width:13px;height:13px;border:2px solid #171717;border-radius:50%;transform:translateY(-55%);z-index:2;pointer-events:none}
.search-icon::after{content:"";position:absolute;width:7px;height:2px;background:#171717;right:-5px;bottom:-3px;transform:rotate(-45deg);border-radius:2px}
.account-btn{width:46px;height:46px;padding:0!important;border:1px solid rgba(0, 0, 0, 0.1)!important;background:transparent!important;color:#181714!important;border-radius:50%!important;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.account-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.account-btn img{width:27px;height:27px;object-fit:contain;display:block}
.password-field{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:8px}
.password-field>input{width:100%;padding-right:13px!important}
.password-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:40px;height:40px;padding:6px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:3;cursor:pointer}
.password-eye:hover{background:rgba(0,0,0,.06)}
.password-eye img{width:25px;height:25px;object-fit:contain;display:block;pointer-events:none}
@media (max-width:900px){.header-search{width:min(280px,42vw);flex-basis:min(280px,42vw)}.desktop-nav{display:none}.menu-btn{display:block}}
@media (max-width:640px){.nav{height:auto;min-height:70px;gap:10px}.header-search{order:2;flex:1;width:auto;min-width:0}.logo{order:1;font-size:18px}.nav-actions{order:3}.header-search input{height:44px;font-size:13px}.account-btn,.icon-btn,.menu-btn{width:40px;height:40px}.account-btn img{width:23px;height:23px}}

/* SVG password eye — same-size open/closed code-drawn icon */
.password-eye{right:10px;width:38px;height:38px;padding:7px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;}
.password-eye:hover{background:rgba(0,0,0,.05)}
.password-eye .eye-svg{width:22px;height:22px;display:block;overflow:visible;fill:none;stroke:#24221f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.password-eye .eye-svg circle{fill:#24221f;stroke:none;}

/* Final SVG password-eye styling */
.password-eye{color:#222!important;width:40px!important;height:40px!important;padding:8px!important;background:transparent!important;border:0!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;}
.password-eye:hover{background:transparent!important;}
.password-eye .eye-svg{width:21px!important;height:21px!important;display:block!important;}
.password-eye .eye-svg path,.password-eye .eye-svg circle{vector-effect:non-scaling-stroke;}


/* Password tooltip */
.password-eye{position:relative;overflow:visible!important}
.password-eye::after{content:attr(data-tooltip);position:absolute;right:-8px;bottom:calc(100% + 10px);padding:7px 11px;background:#171717;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:600;letter-spacing:.2px;white-space:nowrap;border-radius:7px;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;pointer-events:none;box-shadow:0 8px 22px rgba(0,0,0,.18);z-index:100}
.password-eye::before{content:"";position:absolute;right:13px;bottom:calc(100% + 5px);width:8px;height:8px;background:#171717;transform:rotate(45deg);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease;pointer-events:none;z-index:99}
.password-eye:hover::after,.password-eye:hover::before{opacity:1;visibility:visible}
.password-eye:hover::after{transform:translateY(0)}
.search-right{order:0}
@media(max-width:900px){.nav-actions .search-right{width:min(240px,34vw);flex-basis:min(240px,34vw)}}
@media(max-width:640px){.nav-actions .search-right{width:140px;flex-basis:140px}.nav-actions{gap:6px}.nav-actions .search-right input{height:40px;padding-left:38px;font-size:12px}.nav-actions .search-right .search-icon{left:12px}}
@media(max-width:430px){.nav-actions .search-right{width:105px;flex-basis:105px}.nav-actions .search-right input{font-size:11px}}

/* Password eye sits BESIDE the password field, not over the input. */
.password-field .password-eye{position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:40px!important;height:40px!important;padding:8px!important;margin:0!important;}
.password-field .password-eye::after{right:0;bottom:calc(100% + 10px)}
.password-field .password-eye::before{right:13px;bottom:calc(100% + 5px)}

/* Final search + password eye polish */
.header-search input{
  border:1px solid transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:border-color .18s ease, box-shadow .18s ease!important;
}
.header-search input:hover{
  border-color:#d6d0c6!important;
}
.header-search input:focus{
  border-color:#d6d0c6!important;
  box-shadow:none!important;
}

.password-field{
  position:relative!important;
  display:block!important;
  width:100%!important;
}
.password-field>input{
  width:100%!important;
  padding-right:50px!important;
}
.password-field .password-eye{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:32px!important;
  height:32px!important;
  margin:0!important;
  padding:5px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#222!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  z-index:3!important;
}
.password-field .password-eye:hover{
  background:transparent!important;
}
.password-field .password-eye .eye-svg{
  width:20px!important;
  height:20px!important;
  display:block!important;
  stroke:#222!important;
  stroke-width:1.65!important;
}
.password-field .password-eye::after,
.password-field .password-eye::before{
  display:none!important;
}

/* Centered category menu + searchable product-name field */
@media(min-width:901px){
  .nav{display:grid;grid-template-columns:1fr auto 1fr;gap:24px}
  .nav>.logo{justify-self:start;white-space:nowrap}
  .desktop-nav{justify-self:center;align-items:center;gap:34px}
  .nav-actions{justify-self:end}
}
.category-menu-wrap{position:relative;display:flex;align-items:center;gap:12px}
.desktop-nav .menu-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #ded8ce;border-radius:12px;background:transparent;color:#211f1b;font-size:22px;line-height:1}
.category-menu-label{border:0;background:transparent;color:#3f3b35;font:inherit;font-size:14px;display:flex;align-items:center;gap:12px;padding:10px 0;white-space:nowrap}
.category-menu-label span{display:none}
.category-dropdown{display:none;position:absolute;top:calc(100% + 16px);left:0;width:270px;padding:10px;background:rgba(255,254,251,.98);border:1px solid #e7e0d7;border-radius:16px;box-shadow:0 18px 45px rgba(28,24,18,.14);z-index:40}
.category-dropdown.open,.category-dropdown.open{display:grid}
.category-dropdown.open{display:grid}
.category-dropdown button{display:grid;grid-template-columns:32px 1fr 18px;align-items:center;gap:12px;text-align:left;padding:14px 12px;border:0;border-radius:10px;background:transparent;color:#35312b;font-size:15px}
.category-dropdown button:hover{background:#f2eee8}
.category-dropdown button span{font-size:21px;color:#6b645a;text-align:center}
.category-dropdown button b{font-size:23px;font-weight:400}
.category-dropdown.open{display:grid}
.category-menu-wrap:has(.category-dropdown.open) .category-menu-label{color:#111}
.mobile-menu-toggle{border:1px solid #ddd6cc;background:transparent;border-radius:8px;padding:10px;text-align:left;color:#302c26}
.mobile-category-list{display:none;gap:7px;padding:5px 0 10px}
.mobile-category-list.open{display:grid}
.mobile-category-list button{border:1px solid #e2dcd3;background:#fff;padding:10px;text-align:left;border-radius:7px;color:#39352f}
@media(max-width:900px){
 .desktop-nav{display:flex;position:static;gap:12px}
 .desktop-nav>a{display:none}
 .category-menu-wrap .category-menu-label{display:none}
 .desktop-nav .menu-btn{display:inline-flex}
 .category-dropdown{position:absolute;left:auto;right:0;top:calc(100% + 12px);width:240px}
 .mobile-nav.open{display:grid;gap:12px}
}
@media(max-width:640px){
 .nav{display:flex;flex-wrap:wrap;gap:8px;padding:9px 0}
 .nav>.logo{flex:1}
 .desktop-nav{order:3;flex:0 0 auto}
 .nav-actions{display:flex;flex:1;justify-content:flex-end;gap:5px;min-width:0}
 .nav-actions .search-right{flex:1 1 120px;width:auto;min-width:95px;max-width:230px}
 .nav-actions .search-right input{width:100%;font-size:11px;padding-right:6px}
 .nav-actions .icon-btn,.nav-actions .account-btn{flex:0 0 38px;width:38px;height:38px}
 .desktop-nav .menu-btn{width:38px;height:38px}
}

/* Smooth, restrained hover animation for product and editorial cards */
.product,.showcase-card{transition:transform .38s cubic-bezier(.2,.75,.25,1),box-shadow .38s ease,border-color .38s ease;will-change:transform}
.product:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(38,31,22,.12);border-color:#d5cbbd}
.product-image img{transition:transform .7s cubic-bezier(.2,.75,.25,1),filter .5s ease;will-change:transform}
.product:hover .product-image img{transform:scale(1.055);filter:saturate(1.04)}
.showcase-card-image{transition:transform .75s cubic-bezier(.2,.75,.25,1),filter .6s ease;will-change:transform}
.showcase-card:hover .showcase-card-image{transform:scale(1.055);filter:saturate(1.05)}
@media(prefers-reduced-motion:reduce){.product,.product-image img,.showcase-card,.showcase-card-image{transition:none!important;animation:none!important}.product:hover,.showcase-card:hover{transform:none}}

/* Favorites collection modal */
.favorites-card{width:min(820px,100%)}
.favorites-card h3{font-size:28px;margin:0 0 8px}
.favorites-subtitle{margin:0 0 22px;color:#81796e;font-size:13px}
.favorites-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.favorite-item{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center;background:#fff;border:1px solid #e5ded4;padding:10px;min-width:0}
.favorite-image{height:112px;overflow:hidden;background:#eee}
.favorite-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.75,.25,1)}
.favorite-item:hover .favorite-image img{transform:scale(1.055)}
.favorite-info{display:grid;gap:7px;min-width:0}
.favorite-info small{color:#8b8378;font-size:10px;letter-spacing:1px}
.favorite-info strong{font-size:14px;overflow-wrap:anywhere}
.favorite-remove{justify-self:start;border:0;background:transparent;color:#9c3931;padding:2px 0;font-size:12px}
.favorite-remove:hover{text-decoration:underline}
@media(max-width:600px){.favorites-grid{grid-template-columns:1fr}.favorite-item{grid-template-columns:92px minmax(0,1fr)}.favorite-image{height:92px}.favorites-card{padding:30px 18px}}

/* Product gallery: restore the previous category badge style on each photo */
.product { border-radius: 3px; animation: none !important; transition: box-shadow .7s cubic-bezier(.2,.75,.25,1), transform .7s cubic-bezier(.2,.75,.25,1); }
.product-info { display: none !important; }
.product-image { isolation: isolate; }
.product-image::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg,rgba(15,13,10,.25),transparent 34%,transparent 58%,rgba(15,13,10,.42)); opacity:.85; transition:opacity .7s ease; }
.product-image img { display:block; transform:scale(1); transition:transform 1.15s cubic-bezier(.2,.7,.2,1), filter .8s ease; will-change:transform; }
.image-category { position:absolute; z-index:2; left:18px; bottom:18px; margin:0; color:#fff; background:rgba(25,22,18,.48); border:1px solid rgba(255,255,255,.42); border-radius:999px; padding:9px 14px; font-size:11px; letter-spacing:1.3px; line-height:1.2; text-transform:none; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.product .heart { z-index:3; }
@media (hover:hover) and (pointer:fine) {
  .product:hover { transform:translateY(-3px); box-shadow:0 18px 38px rgba(32,26,18,.12); }
  .product:hover .product-image img { transform:scale(1.065); filter:saturate(1.04); }
  .product:hover .product-image::after { opacity:1; }
}
/* Smooth scroll-in animation for collection cards */
.scroll-reveal { opacity:0; transform:translate3d(0,34px,0); transition:opacity 1s ease, transform 1.15s cubic-bezier(.22,.75,.25,1), box-shadow .7s cubic-bezier(.2,.75,.25,1); transition-delay:var(--reveal-delay,0ms); will-change:opacity,transform; }
.scroll-reveal.is-visible { opacity:1; transform:translate3d(0,0,0); }
/* Keep the category badge visible on the photo like the previous version */
.image-category { display:inline-flex; align-items:center; justify-content:center; width:max-content; max-width:calc(100% - 32px); }
@media (min-width:761px) and (max-width:1100px) {
  .container { width:min(100% - 44px, 1040px); }
  .products-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
  .nav { gap:16px; }
  .desktop-nav { gap:18px; }
  .nav-actions { gap:7px; }
  .header-search, .nav-actions .search-right { max-width:230px; }
  .section-head h2 { font-size:clamp(32px,4vw,42px); }
  .hero { min-height:570px; }
  .about-grid { gap:35px; }
}
@media (min-width:541px) and (max-width:760px) {
  .container { width:calc(100% - 32px); }
  .products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .product-image { aspect-ratio: .9 / 1; }
  .image-category { left:12px; bottom:12px; padding:8px 11px; font-size:10px; }
  .hero h1 { font-size:clamp(42px,8vw,64px); }
  .nav { flex-wrap:wrap; padding:10px 0; }
}
@media (max-width:540px) {
  .products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .product-image { aspect-ratio: .78 / 1; }
  .image-category { left:8px; bottom:8px; padding:7px 9px; font-size:9px; letter-spacing:.5px; }
  .product .heart { width:34px; height:34px; right:8px; top:8px; font-size:19px; }
  .scroll-reveal { transform:translate3d(0,16px,0); }
}
@media (prefers-reduced-motion:reduce) {
  .scroll-reveal,.scroll-reveal.is-visible,.product,.product-image img,.product-image::after { transition:none!important; animation:none!important; transform:none!important; opacity:1!important; }
}

/* Responsive and navigation refinements */
#about, #contact { scroll-margin-top: 96px; }
.contact-grid { scroll-margin-top: 104px; }
@media (max-width: 540px) {
  .container { width: calc(100% - 24px); }
  .products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .product-image { aspect-ratio: 0.78 / 1; }
  .image-category { max-width: calc(100% - 16px); overflow-wrap: anywhere; }
  .about { padding: 64px 0; }
  .about-grid { gap: 22px; }
  .about h2 { font-size: clamp(32px, 8vw, 40px); letter-spacing: -1px; }
  .about-copy { min-width: 0; }
  .contact-grid { grid-template-columns: minmax(0, 1fr); gap: 9px; }
  .contact-item { padding: 12px; }
  .contact-item strong { font-size: 12px; overflow-wrap: anywhere; }
  .premium-showcase { padding: 64px 0; }
  .showcase-heading { display: block; margin-bottom: 28px; }
  .showcase-heading h2 { font-size: clamp(32px, 8vw, 44px); letter-spacing: -1px; }
  .showcase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .showcase-card-copy { padding: 12px; }
  .showcase-card-copy h3 { font-size: 15px; }
  .showcase-card-copy p { font-size: 12px; }
  .nav { gap: 8px; }
  .nav-actions { gap: 6px; }
  .icon-btn, .menu-btn { width: 36px; height: 36px; }
}
@media (max-width: 360px) {
  .products-grid, .showcase-grid { grid-template-columns: minmax(0, 1fr); }
  .product-image { aspect-ratio: 1 / 0.95; }
  .account-btn { padding: 8px 10px; font-size: 12px; }
}


/* Collection cards: category caption sits below the image, as requested */
.product-info.category-caption { display:flex !important; min-height:58px; align-items:center; padding:17px 19px; background:#fff; border-top:1px solid #e3ddd4; }
.product-info.category-caption .product-category { display:block; font-size:12px; line-height:1.45; letter-spacing:.6px; color:#8b8378; text-transform:none; overflow-wrap:anywhere; }
.product-image::after { display:none; }
.image-category { display:none !important; }
@media (max-width:540px) { .product-info.category-caption { min-height:48px; padding:12px 10px; } .product-info.category-caption .product-category { font-size:11px; letter-spacing:.2px; } }

/* Header update: hamburger to the left of the brand; no visible category labels */
.header .nav{justify-content:flex-start;gap:22px}
.header-category-menu{position:relative;flex:0 0 auto;order:0}
.header .logo{order:1;white-space:nowrap}
.header .desktop-nav{order:2;margin-left:auto}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mobile-menu-toggle{font-size:0!important;display:flex;align-items:center;justify-content:center;width:42px;min-height:42px}
.mobile-menu-toggle::before{content:"☰";font-size:20px}
@media(max-width:760px){.header .nav{gap:12px}.header .logo{font-size:20px}.header-category-menu .menu-btn{padding:9px 10px}.header .nav-actions{margin-left:auto}.desktop-nav{display:none!important}}


/* Corrected header: show only the hamburger icon to the LEFT of the Avეჯი 7777 brand. */
.header .nav{display:flex;align-items:center;justify-content:flex-start;gap:18px}
.header-category-menu{display:flex;align-items:center;position:relative;flex:0 0 auto;order:0}
.header-category-menu>.menu-btn{display:inline-flex!important;align-items:center;justify-content:center;width:34px;height:42px;padding:0;border:0!important;border-radius:0!important;background:transparent!important;color:#171512;font-size:0;line-height:1;box-shadow:none!important}
.header-category-menu>.menu-btn::before{content:"☰";font-size:22px;font-weight:400;line-height:1}
.header .logo{order:1;display:inline-flex;align-items:center;white-space:nowrap;margin:0}
.header-category-menu .category-menu-label{display:none!important}
.header .desktop-nav{order:2;margin-left:auto}
@media(max-width:760px){.header .nav{flex-wrap:nowrap;gap:14px;padding:9px 0;min-height:64px}.header-category-menu>.menu-btn{width:30px;height:40px;flex:0 0 30px}.header .logo{font-size:20px;flex:0 0 auto}.header .nav-actions{margin-left:auto;min-width:0}.header .desktop-nav{display:none!important}}


/* Final header correction: only move the hamburger; keep search, favorites, account, About and Contact. */
.header .nav{display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:nowrap}
.header-category-menu{order:0;display:flex;align-items:center;position:relative;flex:0 0 30px}
.header-category-menu>.menu-btn{display:inline-flex!important;align-items:center;justify-content:center;width:30px;height:40px;flex:0 0 30px;padding:0;border:0!important;border-radius:0!important;background:transparent!important;color:#171512;font-size:0;box-shadow:none!important}
.header-category-menu>.menu-btn::before{content:"☰";font-size:22px;line-height:1;font-weight:400}
.header .logo{order:1;display:inline-flex;align-items:center;white-space:nowrap;margin:0;flex:0 0 auto}
.header .desktop-nav{order:2;margin-left:auto}
.header .nav-actions{order:3;display:flex;align-items:center;gap:8px;flex:0 1 auto;min-width:0}
.header .header-search{display:flex;position:relative;flex:0 1 220px;width:220px;min-width:100px}
.header .header-search input{width:100%;min-width:0}
.header-category-menu .category-menu-label{display:none!important}
@media(max-width:800px){
 .header .desktop-nav{display:none!important}
 .header .nav{gap:10px}
 .header .nav-actions{margin-left:auto;gap:6px}
 .header .header-search{flex:0 1 125px;width:125px;min-width:80px}
 .header .header-search input{height:40px;padding-left:34px;padding-right:6px;font-size:11px}
 .header .header-search .search-icon{left:10px}
 .header .icon-btn,.header .account-btn{width:36px;height:36px;flex:0 0 36px;padding:0!important;display:flex;align-items:center;justify-content:center}
 .header .account-btn img{width:23px;height:23px;object-fit:contain}
 .header .mobile-nav.open{display:grid;gap:12px}
}
@media(max-width:430px){
 .header .nav{gap:8px}
 .header .logo{font-size:18px;letter-spacing:-.6px}
 .header .header-search{flex-basis:94px;width:94px;min-width:78px}
 .header .header-search input{font-size:10px;padding-left:30px}
 .header .icon-btn,.header .account-btn{width:32px;height:32px;flex-basis:32px}
 .header .nav-actions{gap:4px}
}