/* TikKat — Kawaii pastel skin (Salla "Click" theme) */
@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@500;600;700;800&display=swap');

:root{--tk-pink:#F2368F;--tk-yellow:#FFD60A;--tk-blue:#12B5E5;--tk-green:#A8E01C;--tk-purple:#9B44D9;--tk-orange:#F76B0A;--tk-ink:#1B1F3B;--tk-pink-soft:#FFE3F1;--tk-yellow-soft:#FFF6C7;--tk-blue-soft:#DDF4FC;--tk-green-soft:#EEF9D2;--tk-purple-soft:#F0E3FB;--tk-cream:#FFFAF3;--tk-radius:22px;--tk-border:3px solid var(--tk-ink);--font-main:'Baloo Bhaijaan 2';--color-primary:#F2368F;--color-primary-dark:#C81E6E;--color-primary-light:#FF6FB0;--color-primary-reverse:#FFE3F1;--s-radius:18px}

/* Base */
body,body.font-pingarlt,button,input,select,textarea,h1,h2,h3,h4,h5,h6{font-family:'Baloo Bhaijaan 2','PingARLT',sans-serif!important}
body{color:var(--tk-ink);background-color:var(--tk-cream)!important;background-image:radial-gradient(circle at 8% 12%,var(--tk-pink-soft) 0 140px,transparent 141px),radial-gradient(circle at 92% 30%,var(--tk-blue-soft) 0 120px,transparent 121px),radial-gradient(circle at 15% 70%,var(--tk-yellow-soft) 0 110px,transparent 111px),radial-gradient(circle at 88% 85%,var(--tk-green-soft) 0 130px,transparent 131px);background-attachment:fixed}
::selection{background:var(--tk-yellow);color:var(--tk-ink)}

/* Header */
.store-header{position:relative;background:#fff!important;border-bottom:var(--tk-border)}
.store-header::before{content:"";display:block;height:7px;background:linear-gradient(90deg,var(--tk-yellow) 0 16.6%,var(--tk-blue) 0 33.3%,var(--tk-pink) 0 50%,var(--tk-green) 0 66.6%,var(--tk-purple) 0 83.3%,var(--tk-orange) 0 100%)}
.store-header .header-btn,.store-header .mburger{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:2.5px solid var(--tk-ink)!important;border-radius:50%!important;background:var(--tk-yellow-soft)!important;color:var(--tk-ink)!important;transition:transform .2s ease,background .2s ease}
.store-header .login-item .header-btn{background:var(--tk-blue-soft)!important}
.store-header .header-btn:hover,.store-header .mburger:hover{transform:rotate(-8deg) scale(1.08);background:var(--tk-pink-soft)!important}
.store-header .s-search-input-wrapper,.store-header .s-search-placeholder-wrapper{border:2.5px solid var(--tk-ink)!important;border-radius:999px!important;background:#fff!important;overflow:hidden}

/* Store intro (logo + description) */
.hero-area{margin-top:28px!important;padding:22px 26px!important;background:linear-gradient(135deg,var(--tk-pink-soft),var(--tk-purple-soft) 55%,var(--tk-blue-soft));border:var(--tk-border);border-radius:32px;box-shadow:6px 6px 0 var(--tk-ink)}
.hero-area img{width:110px!important;height:110px!important;max-width:none!important;max-height:none!important;object-fit:contain;background:#fff;border:var(--tk-border);border-radius:50%;padding:8px;transform:rotate(-6deg);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.hero-area img:hover{transform:rotate(6deg) scale(1.06)}
.hero-area h2{font-weight:800!important;color:var(--tk-ink);letter-spacing:.5px}
.hero-area .store-desc-wrap p{opacity:.85!important;font-weight:500}
.home-tabs{border:0!important;gap:12px}
.home-tabs li a{border:2.5px solid var(--tk-ink)!important;border-radius:999px!important;background:#fff;padding:6px 20px!important;font-weight:700;color:var(--tk-ink)!important;transition:transform .2s ease}
.home-tabs li a::after,.home-tabs li a::before{display:none!important}
.home-tabs li a.active{background:var(--tk-yellow)!important;box-shadow:3px 3px 0 var(--tk-ink)}
.home-tabs li a:hover{transform:translateY(-2px)}

/* Section titles */
.s-block__title h2{position:relative;display:inline-block;font-size:1.7rem!important;font-weight:800!important;color:var(--tk-ink);padding-bottom:6px}
.s-block__title h2::after{content:"";position:absolute;inset-inline:0;bottom:-2px;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--tk-pink),var(--tk-yellow),var(--tk-blue),var(--tk-green))}

/* Product cards */
custom-salla-product-card.product-entry{--tk-card-shadow:var(--tk-pink);background:#fff!important;border:var(--tk-border)!important;border-radius:var(--tk-radius)!important;box-shadow:6px 6px 0 var(--tk-card-shadow);overflow:hidden;transition:transform .25s cubic-bezier(.3,1.5,.5,1),box-shadow .25s ease}
.s-products-list-wrapper>custom-salla-product-card:nth-child(6n+2){--tk-card-shadow:var(--tk-yellow)}
.s-products-list-wrapper>custom-salla-product-card:nth-child(6n+3){--tk-card-shadow:var(--tk-blue)}
.s-products-list-wrapper>custom-salla-product-card:nth-child(6n+4){--tk-card-shadow:var(--tk-green)}
.s-products-list-wrapper>custom-salla-product-card:nth-child(6n+5){--tk-card-shadow:var(--tk-purple)}
.s-products-list-wrapper>custom-salla-product-card:nth-child(6n+6){--tk-card-shadow:var(--tk-orange)}
custom-salla-product-card.product-entry:hover{transform:translate(-3px,-4px) rotate(-.6deg);box-shadow:10px 10px 0 var(--tk-card-shadow)}
.product-entry__image{border-bottom:var(--tk-border);background:var(--tk-cream);overflow:hidden}
.product-entry__image img{transition:transform .4s ease!important}
custom-salla-product-card:hover .product-entry__image img{transform:scale(1.06);opacity:1!important}
.product-entry__title{color:var(--tk-ink)!important;font-weight:700!important;font-size:1.02rem;line-height:1.5}
.product-entry .price-wrapper span{color:var(--tk-pink)!important;font-weight:800!important;font-size:1.25rem!important}
.product-entry .price-wrapper del,.product-entry .price-wrapper .line-through{color:#9aa0b4!important;font-size:.9rem!important}
.product-entry .btn--wishlist button,.product-entry button.btn--wishlist{background:#fff!important;border:2.5px solid var(--tk-ink)!important;border-radius:50%!important;color:var(--tk-pink)!important;transition:transform .2s ease}
.product-entry button.btn--wishlist:hover{transform:scale(1.15);background:var(--tk-pink-soft)!important}

/* Buttons */
.product-entry salla-add-product-button button.s-button-element,.s-button-primary-outline,.s-button-primary{background:var(--tk-pink)!important;color:#fff!important;border:2.5px solid var(--tk-ink)!important;border-radius:999px!important;font-weight:800!important;box-shadow:3px 3px 0 var(--tk-ink);transition:transform .15s ease,box-shadow .15s ease,background .2s ease}
.product-entry salla-add-product-button button.s-button-element:hover,.s-button-primary-outline:hover,.s-button-primary:hover{background:var(--tk-yellow)!important;color:var(--tk-ink)!important;transform:translate(-1px,-2px);box-shadow:5px 5px 0 var(--tk-ink)}
.product-entry salla-add-product-button button.s-button-element:active,.s-button-primary:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--tk-ink)}
.product-entry .promotion-title,.product-entry [class*="badge"]{background:var(--tk-yellow)!important;color:var(--tk-ink)!important;border:2px solid var(--tk-ink);border-radius:999px!important;font-weight:800}

/* Footer */
.store-footer{position:relative;margin-top:70px;background:var(--tk-purple-soft)!important;border-top:var(--tk-border);color:var(--tk-ink)}
.store-footer::before{content:"";position:absolute;top:-22px;left:0;right:0;height:22px;background:radial-gradient(circle at 18px 22px,var(--tk-purple-soft) 17px,var(--tk-ink) 18px 20px,transparent 21px) repeat-x;background-size:36px 22px}
.store-footer h3,.store-footer h4{font-weight:800!important;color:var(--tk-ink)!important}
.store-footer a{color:var(--tk-ink)!important}
.store-footer a:hover{color:var(--tk-pink)!important}
.store-footer__info-bar{background:var(--tk-ink)!important;color:#fff!important}
.store-footer__info-bar p,.store-footer__info-bar h4{color:#fff!important}

/* Mobile */
@media (max-width:640px){.hero-area{margin-inline:12px;padding:16px!important;border-radius:24px;box-shadow:4px 4px 0 var(--tk-ink)}.hero-area img{width:76px!important;height:76px!important}custom-salla-product-card.product-entry{box-shadow:4px 4px 0 var(--tk-card-shadow);border-radius:18px!important}.s-block__title h2{font-size:1.35rem!important}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ===================================================================
   TikKat — iPhone / mobile polish
   =================================================================== */

/* 0) Base: stop iOS auto-resizing text, remove grey tap flash, safety net for sideways scroll */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{overflow-x:clip}
a,button,salla-button,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}

/* 1) background-attachment:fixed is ignored/janky on iOS Safari */
@media (hover:none),(max-width:1024px){
  body{background-attachment:scroll!important}
}

/* 2) Hero card overflowed the screen by 24px on phones */
@media (max-width:640px){
  .hero-area{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    margin-inline:auto!important;
    box-sizing:border-box
  }
  .s-products-list-wrapper{padding-inline-end:4px}
}

/* 3) Inputs below 16px make iPhone zoom the page on focus */
@media (max-width:1024px){
  input,select,textarea,.s-search-input{font-size:16px!important}
}

/* 4) Touch targets: at least 44x44 */
@media (max-width:640px){
  .store-header .header-btn,.store-header .mburger{width:44px!important;height:44px!important}
  .btn--wishlist,.heart-next-add-button{min-width:44px!important;min-height:44px!important}
  .s-cart-summary-wrapper{min-height:44px;display:inline-flex;align-items:center}
  .product-entry .s-button-btn{min-height:44px}
}

/* 5) Touch screens: no sticky hover, quick press feedback instead */
@media (hover:none){
  custom-salla-product-card.product-entry:hover{transform:none!important;box-shadow:4px 4px 0 var(--tk-card-shadow)!important}
  custom-salla-product-card:hover .product-entry__image img{transform:none!important}
  .store-header .header-btn:hover,.store-header .mburger:hover{transform:none!important}
  .home-tabs li a:hover{transform:none!important}
  .hero-area img:hover{transform:none!important}

  custom-salla-product-card.product-entry:active{transform:translate(2px,2px)!important;box-shadow:2px 2px 0 var(--tk-card-shadow)!important;transition:transform .08s,box-shadow .08s}
  .store-header .header-btn:active,.store-header .mburger:active{transform:scale(.92)!important}
}

/* 6) Notch / Dynamic Island / home indicator safe areas */
body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.store-footer{padding-bottom:env(safe-area-inset-bottom)}
salla-add-product-toast,.s-add-product-toast{margin-bottom:env(safe-area-inset-bottom)}

/* 7) Product titles/prices on phones */
@media (max-width:640px){
  .product-entry__title{font-size:.95rem!important;line-height:1.45}
  .product-entry .price-wrapper span{font-size:1.15rem!important}
}

/* 8) Product quick-view popup on iPhone: sheet fits the visible screen,
      smaller image, sticky "add to cart" bar above Safari's toolbar */
@media (max-width:639px){
  #product-card-details-popup .s-modal-body{max-height:calc(100vh - 2rem)!important;max-height:calc(100svh - 1.5rem)!important}
  #product-card-details-popup .product-slider{height:auto!important}
  #product-card-details-popup .details-slider-wrapper,
  #product-card-details-popup .details-slider-wrapper .swiper:not([class*=thumb]),
  #product-card-details-popup .details-slider-wrapper .swiper:not([class*=thumb]) .swiper-wrapper,
  #product-card-details-popup .details-slider-wrapper .swiper:not([class*=thumb]) .swiper-slide{height:40svh!important}
  #product-card-details-popup .details-slider-wrapper .swiper-slide a{display:block;height:100%!important}
  #product-card-details-popup .details-slider-wrapper img{height:100%!important;object-fit:contain}

  #product-card-details-popup form.product-options{
    position:sticky;bottom:0;z-index:5;
    display:flex!important;flex-wrap:wrap;align-items:center;column-gap:10px;
    margin:0 -10px -10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));
    background:#fff;border-top:3px solid var(--tk-ink);
    box-shadow:0 -6px 16px rgba(27,31,59,.10)
  }
  #product-card-details-popup form.product-options > *{margin-top:0!important}
  #product-card-details-popup form.product-options > div.text-sm{flex:1 0 100%;order:-1}
  #product-card-details-popup form.product-options > div:has(salla-quantity-input){flex-direction:row!important;align-items:center;flex:none}
  #product-card-details-popup form.product-options > div:has(salla-quantity-input) > span{display:none}
  #product-card-details-popup form.product-options salla-add-product-button{flex:1 1 0;min-width:0}
  #product-card-details-popup form.product-options salla-add-product-button button{min-height:48px;font-size:1.05rem}
}

/* Product page: buy buttons right under the price, description after them */
.product-info .main-content > * { order: 3; }
.product-info .main-content > :nth-child(-n+3) { order: 0; }       /* hook, title, price */
.product-info .main-content > .product-form { order: 1; }          /* quantity + add to cart + buy now */
.product-info .main-content > .product__description { order: 2; }

/* Product page: hide the reviews tab and the "share your opinion" comment form */
.product-tabs .tab--comments, #product-comments-tab { display: none !important; }
#tabs-container:not(:has(.tab-trigger:not(.tab--comments))) { display: none !important; }   /* hide the whole block when reviews is its only tab */

/* Box product pages: colorful TikKat-gradient name and price (normal size and weight) */
#product-856237756 .product-name,
#product-2098017359 .product-name,
#product-243119055 .product-name,
#product-856237756 .total-price,
#product-2098017359 .total-price,
#product-243119055 .total-price {
  background: linear-gradient(90deg, #F2368F, #9B44D9, #1A9FD6, #3FA515, #F76B0A);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
#product-856237756 .total-price i,
#product-2098017359 .total-price i,
#product-243119055 .total-price i { color: transparent; }