/* KlawoShop 0.6.0: dynamic Beauty UI. Layered on approved 0.3.0 artwork. */
:root{--pink:#c91668;--muted:#786c76}
.hero::before{background-image:url('/assets/beauty-hero.webp')}
.main-content{min-height:58vh}
.hero{margin-top:21px}
.head-icons .head-action{cursor:default}
.head-icons .head-action:hover{color:#6e5565}
.preview-graphic{width:90px;height:90px;border:3px solid #e8bcd0;border-radius:26px;transform:rotate(-13deg);display:grid;place-items:center;font-size:57px;color:#be5085;background:#fff8fb;box-shadow:0 12px 20px #500d3230}
.product-photo.skin .preview-graphic{color:#aa8274;border-color:#e8d0ca}
.product-photo.lashes .preview-graphic{color:#7f70ad;border-color:#c8c2e9}
.product-photo.tools .preview-graphic{color:#62697b;border-color:#c8cdd7}
.product-photo.furniture .preview-graphic{color:#9c7e75;border-color:#decac0}
.product-photo.nails .preview-graphic{color:#ab72b0;border-color:#e5c8e4}
.product-photo{cursor:pointer}
.catalog-search{margin-bottom:18px;background:#fff8fb;padding:16px;border-radius:15px;border:1px solid #f0e3e8}
.catalog-search label{display:block;font-weight:700;margin-bottom:7px}
.catalog-search-row{display:flex;gap:9px}
.catalog-search input{flex:1;min-width:0;border:1px solid #e3d4dd;border-radius:9px;padding:12px}
.catalog-search button{border:0;background:var(--pink);color:#fff;border-radius:9px;padding:10px 25px;font-weight:700}
.catalog-search button:hover{background:#ad1257}
.subheading{font-size:21px;margin:26px 0 10px}
.pagination-wrap{margin:25px 0 18px;max-width:100%;overflow-x:auto}
.pagination-wrap nav{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pagination-wrap svg{width:15px;display:inline}
.pagination-wrap a,.pagination-wrap span{max-width:100%;word-break:break-word}
.product-description{white-space:pre-line;overflow-wrap:anywhere}
.detail-mark{font-size:120px;line-height:1;color:#be5085;text-shadow:0 10px 35px #8b2b5747}
.data-box{margin-bottom:20px}
.main-content{padding-bottom:35px}
@media(max-width:800px){.head-action{white-space:normal}.header-main{gap:12px}.search-form input{padding-left:42px}}
@media(max-width:540px){.catalog-search-row{flex-direction:column}.catalog-search-row button{padding:12px}.head-icons{gap:5px}.head-symbol{font-size:20px}.head-action{font-size:10px}.hero-copy{padding:20px}.pagination-wrap{font-size:11px}}

/* KlawoShop 0.6.4: czytelne ikony konta i koszyka zamiast znakow szachowych. */
.head-icons .head-action .head-symbol{
  display:block;
  width:26px;
  height:26px;
  flex:0 0 26px;
  color:#3e2632;
  stroke:currentColor;
  fill:none;
  vertical-align:middle;
}
@media(max-width:540px){
  .head-icons .head-action .head-symbol{width:24px;height:24px;flex-basis:24px}
}

/* 0.6.5: Naprawa niewidocznych SVG w naglowku; graficzne ikony PNG. */
.head-icons .head-action .head-symbol-image{
  display:block !important;
  width:28px;
  height:28px;
  min-width:28px;
  flex:0 0 28px;
  max-width:none;
  object-fit:contain;
  opacity:1;
  visibility:visible;
}
@media(max-width:540px){
  .head-icons .head-action .head-symbol-image{width:24px;height:24px;min-width:24px;flex-basis:24px}
}


/* KlawoShop 0.6.7: session-only staging cart and safe customer account shell. */
.head-icons a.head-action{cursor:pointer;transition:color .15s ease}
.head-icons a.head-action:hover{color:var(--pink)}
.customer-titlebar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:28px 0 24px}
.customer-titlebar h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,4.2vw,48px);line-height:1.06;color:#571830;margin:3px 0 12px}
.customer-titlebar p{margin:5px 0;max-width:840px;color:#725c68}
.account-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#b41a66!important;font-weight:800;font-size:11px!important}
.outline-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border:1px solid #ecc4d6;border-radius:11px;color:#b81259;font-weight:700;background:#fff;font-size:13px}
.outline-link:hover{background:#fff4f8}
.full-link{width:100%;margin-top:12px}
.account-card{background:#fff;border:1px solid #f1e3e9;border-radius:17px;padding:24px;box-shadow:0 8px 35px #3514290a;min-width:0}
.account-card h2{font-size:22px;font-family:Georgia,serif;color:#57263b;margin:0 0 11px}
.account-card p{color:#766872;line-height:1.6}
.account-card-feature{background:#fff5f9}
.account-landing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:42px}
.account-login-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;max-width:960px;margin-bottom:55px}
.account-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:24px 0 50px}
.account-card-link{display:block;transition:transform .15s}
.account-card-link:hover{transform:translateY(-2px);border-color:#e8b2ce}
.account-card-icon{display:inline-flex;font-size:24px;background:#fff0f5;border-radius:11px;padding:10px;margin-bottom:12px}
.account-dashboard-grid .account-card strong{display:block;color:#bc145e;margin:10px 0}
.info-tag{display:inline-block;background:#fff0f5;border-radius:30px;padding:7px 12px;color:#9f3464!important;font-weight:650;font-size:12px!important}
.account-demo-alert{border:1px solid #ecd5dc;background:#fff5f9;padding:15px 20px;border-radius:13px;color:#733c56;margin:16px 0}
.account-error{border:1px solid #d49a9a;background:#fff2f1;color:#8c2525;padding:12px 15px;border-radius:10px;margin:15px 0}
.account-error p{margin:5px 0}
.account-success{background:#eaf8ef;border:1px solid #b9dfc7;border-radius:10px;color:#21603e;padding:12px 16px;margin:15px 0}
.account-empty{text-align:center;padding:36px 24px;border:1px dashed #e9c2d3;background:#fffbfc;border-radius:16px}
.account-empty h2{font-family:Georgia,serif;color:#51243a}
.empty-icon{font-size:36px}
.account-form{display:grid;gap:15px}
.account-form label{font-weight:680;font-size:13px;color:#574450;display:grid;gap:7px}
.account-form input,.account-form select{width:100%;border:1px solid #e3d0d9;border-radius:10px;padding:12px 13px;font:inherit;background:#fff;color:#392b35}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.account-address-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:20px;margin-bottom:55px;align-items:start}
.saved-address{border-bottom:1px solid #f0e1e8;padding:14px 0}
.saved-address:last-child{border-bottom:0}
.saved-address p{margin:4px 0}
.delete-text,.cart-clear button,.cart-remove{color:#a62d55;background:transparent;border:0;text-decoration:underline;padding:6px 0;cursor:pointer}
.account-table-wrap{max-width:100%;overflow-x:auto}.account-table{width:100%;border-collapse:collapse}.account-table th,.account-table td{text-align:left;border-bottom:1px solid #f3e7ea;padding:12px}.account-table th{background:#fff4f8}
.order-details{border-bottom:1px solid #f3e5e9;padding:12px}.order-details summary{cursor:pointer;font-weight:680}
section.account-card+section.account-card{margin-top:20px}
.safety-note{font-size:12px!important;color:#7d6b75!important;line-height:1.5}
.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:25px;align-items:start;margin-bottom:55px}
.cart-items{min-width:0}.cart-item{display:grid;grid-template-columns:105px minmax(0,1fr) 150px;gap:18px;border:1px solid #f0e1e8;padding:17px;border-radius:14px;margin-bottom:12px;align-items:start}
.cart-thumb{width:105px;height:105px;border-radius:12px;background:#fff4f8;display:grid;place-items:center;overflow:hidden}.cart-thumb img{width:100%;height:100%;object-fit:contain}.cart-thumb span{font-size:35px;color:#c35e8b}
.cart-item-title{display:block;font-size:15px;font-weight:750;line-height:1.4}.cart-item-title:hover{color:var(--pink)}
.cart-item-info small{display:block;color:#917987;margin-top:4px}.cart-price{text-align:right}.cart-price b{display:block;color:#81204c;font-size:16px}.cart-price small{display:block;color:#7e7179}
.cart-quantity-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.cart-quantity-form label{font-size:12px;color:#705963}.cart-quantity-form input{border:1px solid #e0c9d3;border-radius:7px;width:66px;padding:8px}
.cart-quantity-form button[type=submit]:not(.cart-remove){border:1px solid #e8b5cd;color:#a5165b;border-radius:8px;background:#fff5f9;padding:8px 11px;font-weight:700}
.cart-warning{color:#9f4249!important;font-size:12px}.cart-clear{text-align:right}
.cart-summary{background:#fffbfd;border:1px solid #eedee6;border-radius:17px;padding:23px;position:sticky;top:12px}.cart-summary h2{font-family:Georgia,serif;font-size:29px;margin:4px 0 18px}.summary-line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0}.cart-summary hr{border:0;border-top:1px solid #f0dce6;margin:12px 0}.total-amount{color:#961c52;font-size:30px;font-weight:850;text-align:right;margin:0 0 14px}
.disabled-checkout{width:100%;background:#efe6ea;color:#82737d;padding:13px 9px;border:1px solid #e6dce1;border-radius:10px;cursor:not-allowed;font-weight:750}
.preview-add-form{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0}.preview-add-form label{font-weight:700;font-size:12px}.preview-add-form input{width:72px;border:1px solid #e6bfd1;border-radius:9px;padding:11px}
.preview-card-add{margin-top:7px}.preview-card-add button{border:0;background:#fdf0f5;color:#ac1b5d;border-radius:8px;width:100%;font-size:11px;font-weight:800;padding:9px 8px}
.preview-card-add button:hover{background:#f3dce6}
@media(max-width:1000px){.account-landing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.account-address-layout{grid-template-columns:1fr}}
@media(max-width:680px){.account-landing-grid,.account-login-grid,.account-dashboard-grid{grid-template-columns:1fr}.cart-item{grid-template-columns:75px minmax(0,1fr);gap:10px}.cart-thumb{width:75px;height:75px}.cart-price{grid-column:2;text-align:left}.customer-titlebar{align-items:flex-start}.account-card{padding:17px}.form-grid-2{grid-template-columns:1fr}}

/* KlawoShop 0.6.8 — add-to-cart microinteractions (nonessential progressive enhancement). */
.head-icons [data-cart-count]{font:inherit;color:inherit}
.head-icons [data-cart-target]{position:relative}
.head-icons [data-cart-target].klw-cart-pulse .head-symbol-image{animation:klw-cart-pulse .55s cubic-bezier(.2,.75,.35,1.35)}
@keyframes klw-cart-pulse{0%,100%{transform:scale(1)}40%{transform:scale(1.24) rotate(-9deg)}65%{transform:scale(.93)}}
.klw-fly-image{position:fixed;z-index:2002;pointer-events:none;object-fit:contain;box-sizing:border-box;border:2px solid #efd1df;border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(88,20,50,.18);overflow:hidden}
.klw-cart-toast{position:fixed;z-index:2003;right:20px;bottom:20px;max-width:min(390px,calc(100vw - 36px));display:flex;align-items:center;gap:13px;background:#fff;color:#482339;border:1px solid #eed1df;border-left:4px solid #c91668;border-radius:14px;box-shadow:0 20px 55px rgba(65,12,39,.18);padding:13px 16px;opacity:0;transform:translateY(12px);transition:opacity .18s,transform .18s;font-size:13px;line-height:1.4}
.klw-cart-toast.klw-open{opacity:1;transform:translateY(0)}
.klw-cart-toast[data-error="true"]{border-left-color:#aa4155}
.klw-cart-toast .klw-toast-text{font-weight:650;flex:1}
.klw-cart-toast a{color:#b20d55;text-decoration:underline;text-underline-offset:3px;font-weight:750;white-space:nowrap}
.klw-cart-toast button{border:0;background:transparent;color:#7b6270;font-size:22px;line-height:1;cursor:pointer;padding:2px 4px}