{"id":7,"date":"2026-09-14T12:05:23","date_gmt":"2026-09-14T12:05:23","guid":{"rendered":"https:\/\/medino.hr\/kosarica\/"},"modified":"2026-10-16T18:03:09","modified_gmt":"2026-10-16T18:03:09","slug":"kosarica","status":"publish","type":"page","link":"https:\/\/medino.hr\/kosarica\/","title":{"rendered":"Ko\u0161arica"},"content":{"rendered":"\n\n\n<div id=\"medino-cart-page\" class=\"medino-cart-preload\">\n\n  <!-- HERO \/ BACKGROUND -->\n  <section class=\"medino-cart-hero\">\n    <div class=\"medino-cart-hero-copy\">\n      <h1>KO\u0160ARICA<\/h1>\n      <p>MALI KORACI DO VELIKIH PRI\u010cA.<\/p>\n      <span><\/span>\n    <\/div>\n    <section class=\"medino-cart-layout\">\n\n      <div class=\"medino-cart-products-wrap\">\n        <div class=\"medino-cart-products-head\">\n          <span>PROIZVOD<\/span>\n          <span>KOLI\u010cINA<\/span>\n          <span>CIJENA<\/span>\n          <span>UKUPNO<\/span>\n        <\/div>\n\n        <div id=\"medino-cart-products\">\n          <div class=\"medino-cart-loading\">\n            <span><\/span>\n            U\u010cITAVAMO KO\u0160ARICU&#8230;\n          <\/div>\n        <\/div>\n\n        <div class=\"medino-empty\" id=\"medino-empty-cart\">\n          <p>MEDINO<\/p>\n          <h2>Tvoja ko\u0161arica je prazna.<\/h2>\n          <span>Jo\u0161 nema ni\u010dega u njoj.<\/span>\n          <a href=\"\/#medino-collections-grid-section\">ISTRA\u017dI KOLEKCIJE \u2192<\/a>\n        <\/div>\n\n        <div class=\"medino-cart-continue\">\n          <a href=\"\/#medino-collections-grid-section\">\u2190&nbsp; NASTAVI KUPOVINU<\/a>\n        <\/div>\n      <\/div>\n\n      <aside class=\"medino-cart-summary\">\n        <p class=\"medino-summary-kicker\">TVOJA NARUD\u017dBA<\/p>\n        <h2>SA\u017dETAK NARUD\u017dBE<\/h2>\n\n        <div class=\"medino-summary-row\">\n          <span>Me\u0111uzbroj <small id=\"medino-item-count\"><\/small><\/span>\n          <strong id=\"medino-subtotal\">\u2014<\/strong>\n        <\/div>\n\n        <div class=\"medino-summary-row\">\n          <span class=\"medino-shipping-label\">\n            Dostava\n            <button type=\"button\" class=\"medino-info\" aria-label=\"Informacije o dostavi\" aria-expanded=\"false\">?<\/button>\n            <span class=\"medino-shipping-tooltip\" role=\"tooltip\">\n              <strong>Standardna dostava unutar 3\u20135 radnih dana.<\/strong>\n              <br><br>\n              Besplatna za narud\u017ebe iznad 59 \u20ac.\n            <\/span>\n          <\/span>\n          <strong id=\"medino-shipping\">\u2014<\/strong>\n        <\/div>\n\n        <div class=\"medino-summary-rule\"><\/div>\n\n        <div class=\"medino-summary-total\">\n          <span>Ukupno<\/span>\n          <strong id=\"medino-total\">\u2014<\/strong>\n        <\/div>\n\n        <p class=\"medino-tax-note\">Uklju\u010duju\u0107i PDV<\/p>\n\n        <a class=\"medino-checkout\" href=\"\/blagajna\/\">\n          <span>NASTAVI NA PLA\u0106ANJE<\/span>\n          <b>\u2192<\/b>\n        <\/a>\n\n        <div class=\"medino-coupon\">\n          <input type=\"text\" id=\"medino-coupon-code\" placeholder=\"Kod za popust\">\n          <button type=\"button\" id=\"medino-coupon-apply\">PRIMIJENI<\/button>\n        <\/div>\n\n        <div class=\"medino-secure\">\n          <span class=\"medino-lock\">\u2667<\/span>\n          <div>\n            <strong>SIGURNO PLA\u0106ANJE<\/strong>\n            <small>Svi podaci su za\u0161ti\u0107eni i sigurni.<\/small>\n          <\/div>\n        <\/div>\n\n        <div class=\"medino-payment-icons\">\n          <span class=\"medino-payment-icon medino-payment-icon--paypal\"><img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@16\/icons\/paypal.svg\" alt=\"PayPal\"><\/span>\n          <span class=\"medino-payment-icon medino-payment-icon--visa\"><img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@16\/icons\/visa.svg\" alt=\"Visa\"><\/span>\n          <span class=\"medino-payment-icon medino-payment-icon--mastercard\"><img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@16\/icons\/mastercard.svg\" alt=\"Mastercard\"><\/span>\n          <span class=\"medino-payment-icon medino-payment-icon--text medino-payment-icon--amex\"><span class=\"medino-payment-label\">AMEX<\/span><\/span>\n          <span class=\"medino-payment-icon medino-payment-icon--apple\"><img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@16\/icons\/applepay.svg\" alt=\"Apple Pay\"><\/span>\n          <span class=\"medino-payment-icon medino-payment-icon--gpay\"><img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/simple-icons@16\/icons\/googlepay.svg\" alt=\"Google Pay\"><\/span>\n        <\/div>\n      <\/aside>\n\n    <\/section>\n  <\/section>\n\n  <main class=\"medino-cart-main\">\n    <!-- FOUR MEDINO VALUES -->\n    <section class=\"medino-values\">\n      <div class=\"medino-value medino-fire\">\n        <span class=\"medino-value-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 7h11v10H3zM14 10h4l3 3v4h-7zM7 19a2 2 0 1 1-4 0M18 19a2 2 0 1 1-4 0\"\/><path d=\"M16 13h4\"\/><\/svg><\/span>\n        <strong>BRZA DOSTAVA<\/strong>\n        <p>Va\u0161 paket sti\u017ee brzo i sigurno.<\/p>\n      <\/div>\n\n      <div class=\"medino-value medino-earth\">\n        <span class=\"medino-value-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 6v5a7 7 0 0 0 12 4M19 18v-5a7 7 0 0 0-12-4\"\/><path d=\"M5 6h4M19 18h-4\"\/><\/svg><\/span>\n        <strong>JEDNOSTAVAN POVRAT<\/strong>\n        <p>14 dana bez brige.<\/p>\n      <\/div>\n\n      <div class=\"medino-value medino-air\">\n        <span class=\"medino-value-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"6\" width=\"16\" height=\"12\" rx=\"2\"\/><path d=\"M4 10h16M7 14h4\"\/><\/svg><\/span>\n        <strong>SIGURNO PLA\u0106ANJE<\/strong>\n        <p>Va\u0161i podaci su za\u0161ti\u0107eni.<\/p>\n      <\/div>\n\n      <div class=\"medino-value medino-water\">\n        <span class=\"medino-value-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 5C12 5 6 9 6 15c0 2.5 2 4 4 4 4 0 8-4 10-14Z\"\/><path d=\"M5 19c3-4 6-7 11-10\"\/><\/svg><\/span>\n        <strong>ODR\u017dIVI IZBOR<\/strong>\n        <p>Mali koraci za bolji svijet.<\/p>\n      <\/div>\n    <\/section>\n    <!-- CATEGORY DISCOVERY + PRODUCTS -->\n    <section class=\"medino-recommendations\" id=\"medino-recommendations\">\n\n      <div class=\"medino-reco-heading\">\n        <span><\/span>\n        <h2>MO\u017dDA \u0106E VAM SE SVIDJETI<\/h2>\n        <span><\/span>\n      <\/div>\n\n      <div class=\"medino-category-grid\">\n\n        <div class=\"medino-category-card\" data-medino-category=\"muskarci\">\n          <div class=\"medino-category-image\"><div class=\"medino-category-loading\"><\/div><\/div>\n          <div class=\"medino-category-label\">\n            <span>01<\/span>\n            <a href=\"https:\/\/medino.hr\/kategorija-proizvoda\/muskarci\/\">MU\u0160KARCI<\/a>\n            <b>\u2192<\/b>\n          <\/div>\n        <\/div>\n\n        <div class=\"medino-category-card\" data-medino-category=\"zene\">\n          <div class=\"medino-category-image\"><div class=\"medino-category-loading\"><\/div><\/div>\n          <div class=\"medino-category-label\">\n            <span>02<\/span>\n            <a href=\"https:\/\/medino.hr\/kategorija-proizvoda\/zene\/\">\u017dENE<\/a>\n            <b>\u2192<\/b>\n          <\/div>\n        <\/div>\n\n        <div class=\"medino-category-card\" data-medino-category=\"djeca\">\n          <div class=\"medino-category-image\"><div class=\"medino-category-loading\"><\/div><\/div>\n          <div class=\"medino-category-label\">\n            <span>03<\/span>\n            <a href=\"https:\/\/medino.hr\/kategorija-proizvoda\/djeca\/\">DJECA<\/a>\n            <b>\u2192<\/b>\n          <\/div>\n        <\/div>\n\n        <div class=\"medino-category-card\" data-medino-category=\"bebe\">\n          <div class=\"medino-category-image\"><div class=\"medino-category-loading\"><\/div><\/div>\n          <div class=\"medino-category-label\">\n            <span>04<\/span>\n            <a href=\"https:\/\/medino.hr\/kategorija-proizvoda\/bebe\/\">BEBE<\/a>\n            <b>\u2192<\/b>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"medino-products-heading\">\n        <span><\/span>\n        <h2>ODABRANO ZA TEBE<\/h2>\n        <span><\/span>\n      <\/div>\n\n      <div class=\"medino-reco-grid\" id=\"medino-reco-grid\"><\/div>\n\n    <\/section>\n\n\n  <\/main>\n<\/div>\n\n\n\n<style>\n#medino-cart-page{\n  --blue:#46698C;\n  --green:#467364;\n  --sand:#D4B285;\n  --red:#C47D76;\n  --ink:#171614;\n  --paper:#fbfaf7;\n  --line:rgba(17,17,15,.13);\n\n  width:100%;\n  margin:0;\n  background:var(--paper);\n  color:var(--ink);\n  font-family:Arial,Helvetica,sans-serif;\n}\n\n#medino-cart-page *{\n  box-sizing:border-box;\n}\n\n#medino-cart-page.medino-cart-preload{\n  visibility:hidden !important;\n}\n#medino-cart-page.medino-cart-ready{\n  visibility:visible !important;\n}\n\n   .medino-cart-hero{\n  position:relative !important;\n  display:block !important;\n  width:100% !important;\n  height:620px !important;\n  min-height:620px !important;\n  max-height:none !important;\n  overflow:hidden !important;\n  margin:0 !important;\n  padding:0 !important;\n  background:none !important;\n}\n\n.medino-cart-hero::before{\n  content:\"\" !important;\n  position:absolute !important;\n  left:0 !important;\n  top:0 !important;\n  width:100% !important;\n  height:620px !important;\n  background-image:url(\"https:\/\/medino.hr\/wp-content\/uploads\/2026\/09\/a453b12f-d00a-41e9-b06a-12473e800e3e.png\") !important;\n  background-repeat:no-repeat !important;\n  background-position:center top !important;\n  background-size:cover !important;\n  z-index:0 !important;\n}\n\n  .medino-cart-hero-copy{\n  position:absolute !important;\n  left:4.5% !important;\n  top:7% !important;\n  transform:none !important;\n  z-index:20 !important;\n}\n\n.medino-cart-hero-copy h1{\n  margin:0;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(48px,4.5vw,72px);\n  line-height:.92;\n  font-weight:400;\n  letter-spacing:-.045em;\n}\n\n.medino-cart-hero-copy p{\n  margin:20px 0 0;\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:.30em;\n}\n\n.medino-cart-hero-copy span{\n  display:block;\n  width:66px;\n  height:1px;\n  margin-top:25px;\n  background:#111;\n}\n\n .medino-cart-main{\n  width:min(1280px,100%);\n  margin:0 auto;\n  padding:0 26px 70px;\n}\n\n   .medino-cart-layout{\n  position:absolute !important;\n  left:50% !important;\n  top:300px !important;\n  bottom:auto !important;\n  transform:translateX(-50%) !important;\n  width:min(1280px,calc(100% - 52px)) !important;\n  height:auto !important;\n  min-height:310px !important;\n  margin:0 !important;\n  display:grid !important;\n  grid-template-columns:minmax(0,1.7fr) minmax(330px,.78fr) !important;\n  gap:18px !important;\n  align-items:stretch !important;\n  z-index:10 !important;\n}\n\n  .medino-cart-products-wrap{\n  width:100% !important;\n  height:auto !important;\n  min-height:310px !important;\n  overflow:visible !important;\n  background:rgba(255,255,255,.72) !important;\n  border:1px solid rgba(17,17,15,.08);\n  backdrop-filter:blur(1.5px);\n}\n\n.medino-cart-products-head{\n  display:grid;\n  grid-template-columns:minmax(260px,1fr) 115px 100px 100px;\n  gap:16px;\n  padding:20px 22px;\n  border-bottom:1px solid var(--line);\n  font-size:8px;\n  font-weight:700;\n  letter-spacing:.18em;\n}\n\n.medino-cart-products-head span:nth-child(n+2){\n  text-align:right;\n}\n\n.medino-cart-item{\n  display:grid;\n  grid-template-columns:minmax(260px,1fr) 115px 100px 100px;\n  gap:16px;\n  align-items:center;\n  padding:19px 22px;\n  border-bottom:1px solid var(--line);\n}\n\n.medino-cart-product{\n  display:flex;\n  align-items:center;\n  gap:18px;\n  min-width:0;\n}\n\n.medino-cart-product-image{\n  width:105px;\n  height:130px;\n  object-fit:cover;\n  background:#f0ede7;\n  flex:0 0 105px;\n}\n\n.medino-cart-product-info{\n  min-width:0;\n}\n\n.medino-cart-product-name{\n  margin:0;\n  font-size:16px;\n  font-weight:700;\n}\n\n.medino-cart-product-meta{\n  margin:5px 0 0;\n  color:#68645e;\n  font-size:10px;\n  line-height:1.5;\n}\n\n.medino-cart-remove{\n  margin-top:12px;\n  padding:0;\n  border:0;\n  background:none;\n  color:#3d3a35;\n  cursor:pointer;\n  font-size:8px;\n  text-decoration:underline;\n  text-underline-offset:3px;\n}\n\n.medino-qty{\n  display:inline-flex;\n  height:40px;\n  border:1px solid rgba(17,17,15,.18);\n  justify-self:end;\n  align-items:center;\n}\n\n.medino-qty button{\n  width:34px;\n  height:38px;\n  border:0;\n  background:transparent;\n  cursor:pointer;\n  font-size:16px;\n}\n\n.medino-qty button:hover{\n  background:#f4f1eb;\n}\n\n.medino-qty span{\n  width:31px;\n  text-align:center;\n  font-size:10px;\n}\n\n.medino-cart-price,\n.medino-cart-total{\n  text-align:right;\n  font-size:11px;\n  font-weight:600;\n  white-space:nowrap;\n}\n\n.medino-cart-continue{\n  padding:25px 22px;\n}\n\n.medino-cart-continue a{\n  color:#111;\n  text-decoration:none;\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:.12em;\n}\n\n   .medino-cart-summary{\n  width:100% !important;\n  height:auto !important;\n  min-height:310px !important;\n  overflow:visible !important;\n  padding:16px 20px 14px;\n  background:linear-gradient(145deg,rgba(238,231,219,.88),rgba(245,241,233,.84) 52%,rgba(232,223,208,.90));\n  border:1px solid rgba(17,17,15,.08);\n}\n\n.medino-summary-kicker{\n  margin:0 0 10px;\n  font-size:8px;\n  font-weight:700;\n  letter-spacing:.20em;\n}\n\n .medino-cart-summary h2{\n  margin:0 0 18px;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:22px;\n  font-weight:400;\n}\n\n.medino-summary-row{\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  gap:15px;\n  padding:6px 0;\n  font-size:9px;\n}\n\n.medino-summary-row strong{\n  font-weight:600;\n}\n\n.medino-shipping-label{\n  position:relative;\n  display:inline-flex;\n  align-items:center;\n}\n\n.medino-info{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  width:17px;\n  height:17px;\n  min-width:17px;\n  margin-left:6px;\n  padding:0;\n  border:1px solid #777;\n  border-radius:50%;\n  background:transparent;\n  color:#20201D;\n  cursor:pointer;\n  font-family:Arial,Helvetica,sans-serif;\n  font-size:9px;\n  font-weight:700;\n  line-height:1;\n}\n\n.medino-info:hover,.medino-info:focus-visible{\n  background:#20201D;\n  color:#fff;\n  outline:none;\n}\n\n.medino-shipping-tooltip{\n  position:absolute;\n  left:0;\n  top:calc(100% + 10px);\n  z-index:100;\n  width:255px;\n  padding:14px 16px;\n  border-radius:9px;\n  background:#20201D;\n  color:#fff;\n  box-shadow:0 12px 28px rgba(0,0,0,.18);\n  font-size:10px;\n  line-height:1.45;\n  opacity:0;\n  visibility:hidden;\n  transform:translateY(-4px);\n  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;\n  pointer-events:none;\n}\n\n.medino-shipping-tooltip::before{\n  content:\"\";\n  position:absolute;\n  left:10px;\n  top:-6px;\n  width:12px;\n  height:12px;\n  background:#20201D;\n  transform:rotate(45deg);\n}\n\n.medino-shipping-tooltip strong{\n  color:#C5A477;\n  font-weight:600;\n}\n\n.medino-shipping-tooltip.is-visible{\n  opacity:1;\n  visibility:visible;\n  transform:translateY(0);\n  pointer-events:auto;\n}\n\n.medino-summary-rule{\n  height:1px;\n  margin:7px 0;\n  background:var(--line);\n}\n\n.medino-summary-total{\n  display:flex;\n  justify-content:space-between;\n  align-items:baseline;\n  gap:15px;\n}\n\n.medino-summary-total span{\n  font-size:12px;\n  font-weight:700;\n}\n\n.medino-summary-total strong{\n  font-size:18px;\n}\n\n.medino-tax-note{\n  margin:5px 0 22px;\n  color:#77716a;\n  text-align:right;\n  font-size:8px;\n}\n\n.medino-checkout{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  min-height:47px;\n  padding:0 17px;\n  background:#292824;\n  color:#fff;\n  text-decoration:none;\n  font-size:9px;\n  font-weight:700;\n  letter-spacing:.13em;\n  transition:background .25s ease,transform .25s ease;\n}\n\n.medino-checkout:hover{\n  background:#111;\n  transform:translateY(-1px);\n}\n\n.medino-checkout b{\n  font-size:17px;\n  font-weight:400;\n}\n\n.medino-coupon{\n  display:grid;\n  grid-template-columns:1fr auto;\n  gap:7px;\n  margin-top:19px;\n}\n\n.medino-coupon input{\n  min-width:0;\n  height:36px;\n  padding:0 12px;\n  border:1px solid rgba(17,17,15,.16);\n  background:rgba(255,255,255,.72);\n  outline:none;\n  font-size:10px;\n}\n\n.medino-coupon button{\n  height:36px;\n  padding:0 16px;\n  border:1px solid rgba(17,17,15,.25);\n  background:transparent;\n  cursor:pointer;\n  font-size:8px;\n  font-weight:700;\n  letter-spacing:.08em;\n}\n\n.medino-secure{\n  display:flex;\n  align-items:flex-start;\n  gap:11px;\n  margin-top:22px;\n  padding-top:15px;\n  border-top:1px solid rgba(17,17,15,.12);\n}\n\n.medino-lock{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:25px;\n  height:25px;\n  border:1px solid rgba(17,17,15,.2);\n  border-radius:50%;\n  font-size:12px;\n}\n\n.medino-secure strong{\n  display:block;\n  font-size:8px;\n  letter-spacing:.11em;\n}\n\n.medino-secure small{\n  display:block;\n  margin-top:4px;\n  color:#77716a;\n  font-size:8px;\n}\n\n.medino-payment-icons{\n  display:grid;\n  grid-template-columns:repeat(3, 68px);\n  justify-content:center;\n  gap:7px 8px;\n  margin-top:19px;\n}\n\n.medino-payment-icon{\n  width:68px;\n  height:34px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:6px 8px;\n  border-radius:4px;\n  background:#fff;\n  border:1px solid rgba(17,17,15,.06);\n  overflow:hidden;\n  box-sizing:border-box;\n}\n\n.medino-payment-icon img{\n  display:block;\n  width:100%;\n  max-width:100%;\n  height:100%;\n  object-fit:contain;\n  filter:grayscale(1);\n  opacity:.72;\n  transition:opacity 200ms ease, transform 200ms ease;\n}\n\n.medino-payment-icon--text{padding:4px 7px;}\n.medino-payment-label{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  width:100%;\n  height:100%;\n  color:#777;\n  font-family:Arial,Helvetica,sans-serif;\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:.2px;\n  line-height:1;\n  white-space:nowrap;\n}\n.medino-payment-icon--paypal img{transform:scale(1.10);}\n.medino-payment-icon--visa img{transform:scale(1.22);}\n.medino-payment-icon--mastercard img{transform:scale(1.12);}\n.medino-payment-icon--amex .medino-payment-label{font-size:11px;letter-spacing:.35px;}\n.medino-payment-icon--apple img{transform:scale(1.22);}\n.medino-payment-icon--gpay img{transform:scale(1.18);}\n\n  .medino-values{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  margin-top:0;\n  border-top:1px solid var(--line);\n  border-bottom:1px solid var(--line);\n}\n\n.medino-value{\n  position:relative;\n  min-height:126px;\n  padding:21px 16px;\n  text-align:center;\n  border-right:1px solid var(--line);\n  overflow:hidden;\n}\n\n.medino-value:last-child{\n  border-right:0;\n}\n\n.medino-value::before{\n  content:\"\";\n  position:absolute;\n  left:0;\n  right:0;\n  top:0;\n  height:3px;\n}\n\n.medino-fire{background:rgba(196,125,118,.12)}\n.medino-fire::before{background:var(--red)}\n.medino-earth{background:rgba(70,115,100,.12)}\n.medino-earth::before{background:var(--green)}\n.medino-air{background:rgba(212,178,133,.18)}\n.medino-air::before{background:var(--sand)}\n.medino-water{background:rgba(70,105,140,.12)}\n.medino-water::before{background:var(--blue)}\n\n.medino-value-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:24px;\n  height:24px;\n  margin:0 auto 9px;\n}\n\n.medino-value-icon svg{\n  width:20px;\n  height:20px;\n  fill:none;\n  stroke:currentColor;\n  stroke-width:1.45;\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n.medino-fire .medino-value-icon{color:var(--red)}\n.medino-earth .medino-value-icon{color:var(--green)}\n.medino-air .medino-value-icon{color:#b68e55}\n.medino-water .medino-value-icon{color:var(--blue)}\n\n.medino-value strong{\n  display:block;\n  font-size:8px;\n  letter-spacing:.17em;\n}\n\n.medino-value p{\n  margin:7px 0 0;\n  color:#68645e;\n  font-size:9px;\n}\n.medino-recommendations{\n  padding:32px 0 0;\n}\n\n.medino-reco-heading,\n.medino-products-heading{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:20px;\n  margin-bottom:24px;\n}\n\n.medino-reco-heading span,\n.medino-products-heading span{\n  width:54px;\n  height:1px;\n  background:#b7aa99;\n}\n\n.medino-reco-heading h2,\n.medino-products-heading h2{\n  margin:0;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:13px;\n  font-weight:400;\n  letter-spacing:.08em;\n}\n\n.medino-category-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:12px;\n}\n\n.medino-category-card{\n  display:block;\n  color:#111;\n  text-decoration:none;\n  background:#fff;\n  border:1px solid rgba(17,17,15,.09);\n  transition:transform .3s ease,box-shadow .3s ease;\n}\n\n.medino-category-card:hover{\n  transform:translateY(-3px);\n  box-shadow:0 12px 30px rgba(17,17,15,.08);\n}\n\n.medino-category-image{\n  aspect-ratio:1 \/ 1.12;\n  overflow:hidden;\n  background:#eeeae2;\n}\n\n.medino-category-image img{\n  width:100%;\n  height:100%;\n  display:block;\n  object-fit:cover;\n  transition:transform .55s cubic-bezier(.22,1,.36,1);\n}\n\n.medino-category-loading{\n  width:100%;\n  height:100%;\n  background:#eeeae2;\n  position:relative;\n  overflow:hidden;\n}\n\n.medino-category-loading::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);\n  transform:translateX(-100%);\n  animation:medinoCategoryShimmer 1.1s infinite;\n}\n\n@keyframes medinoCategoryShimmer{to{transform:translateX(100%)}}\n\n.medino-category-card:hover .medino-category-image img{\n  transform:scale(1.035);\n}\n\n.medino-category-label{\n  display:grid;\n  grid-template-columns:30px 1fr 20px;\n  align-items:center;\n  gap:7px;\n  min-height:54px;\n  padding:0 14px;\n}\n\n.medino-category-label span{\n  color:#8b857b;\n  font-size:8px;\n  letter-spacing:.08em;\n}\n\n.medino-category-label a{\n  color:#111 !important;\n  text-decoration:none !important;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:15px;\n  font-weight:400;\n  letter-spacing:.01em;\n}\n\n.medino-category-label a:hover{\n  color:#111 !important;\n}\n\n.medino-category-label strong{\n  font-size:9px;\n  letter-spacing:.16em;\n}\n\n.medino-category-label b{\n  text-align:right;\n  font-size:15px;\n  font-weight:400;\n}\n\n.medino-products-heading{\n  margin-top:38px;\n  margin-bottom:22px;\n}\n\n.medino-reco-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:0;\n}\n\n.medino-reco-card{\n  padding:0 15px 20px;\n  border-right:1px solid var(--line);\n}\n\n.medino-reco-card:first-child{\n  padding-left:0;\n}\n\n.medino-reco-card:last-child{\n  padding-right:0;\n  border-right:0;\n}\n\n.medino-reco-image{\n  width:100%;\n  height:270px;\n  object-fit:contain;\n  background:#f5f3ee;\n}\n\n.medino-reco-card h3{\n  margin:13px 0 3px;\n  font-size:11px;\n}\n\n.medino-reco-card p{\n  margin:0;\n  color:#6c6861;\n  font-size:9px;\n}\n\n.medino-reco-bottom{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  margin-top:12px;\n}\n\n.medino-reco-bottom strong{\n  font-size:11px;\n}\n\n.medino-reco-cart{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:34px;\n  height:34px;\n  border:1px solid rgba(17,17,15,.2);\n  border-radius:6px;\n  color:#111;\n  text-decoration:none;\n  font-size:14px;\n}\n\n\n .medino-empty{\n  display:none;\n  padding:30px 20px 24px;\n  text-align:center;\n}\n\n.medino-empty p{\n  margin:0 0 10px;\n  font-size:8px;\n  font-weight:700;\n  letter-spacing:.25em;\n}\n\n .medino-empty h2{\n  margin:0;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:29px;\n  font-weight:400;\n}\n\n.medino-empty span{\n  display:block;\n  margin:15px 0 25px;\n  color:#6c6861;\n  font-size:10px;\n}\n\n.medino-empty a{\n  display:inline-flex;\n  min-height:46px;\n  align-items:center;\n  padding:0 20px;\n  background:#111;\n  color:#fff;\n  text-decoration:none;\n  font-size:8px;\n  font-weight:700;\n  letter-spacing:.15em;\n}\n\n.medino-cart-loading{\n  min-height:160px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:10px;\n  color:#777;\n  font-size:8px;\n  letter-spacing:.13em;\n}\n\n.medino-cart-loading span{\n  width:14px;\n  height:14px;\n  border:1px solid rgba(17,17,15,.18);\n  border-top-color:#111;\n  border-radius:50%;\n  animation:medinoSpin .8s linear infinite;\n}\n\n@keyframes medinoSpin{to{transform:rotate(360deg)}}\n\n@media (max-width:1024px){\n  .medino-cart-layout{\n    grid-template-columns:1fr;\n  }\n\n  .medino-cart-summary{\n    position:relative;\n  }\n\n  .medino-category-grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .medino-reco-grid{\n    grid-template-columns:repeat(2,1fr);\n    row-gap:24px;\n  }\n\n  .medino-reco-card:nth-child(2){\n    border-right:0;\n  }\n}\n\n\n@media (max-width:760px){\n  .medino-cart-hero{\n    height:520px !important;\n    min-height:520px !important;\n    background:none !important;\n  }\n\n  .medino-cart-hero::before{\n    height:520px !important;\n    background-size:cover !important;\n  }\n\n  .medino-cart-hero .medino-cart-layout{\n    position:absolute !important;\n    left:14px !important;\n    top:255px !important;\n    transform:none !important;\n    width:calc(100% - 28px) !important;\n    height:auto !important;\n    margin:0 !important;\n    display:grid !important;\n    grid-template-columns:1fr !important;\n    gap:10px !important;\n  }\n\n  .medino-cart-products-wrap,\n  .medino-cart-summary{\n    height:auto !important;\n    max-height:none !important;\n  }\n\n  .medino-cart-hero-copy{\n    left:7% !important;\n    top:7% !important;\n  }\n\n  .medino-cart-hero-copy h1{\n    font-size:50px;\n  }\n}\n\n@media (max-width:480px){\n  .medino-cart-hero{\n    height:245px;\n    min-height:245px;\n  }\n\n  .medino-cart-hero-copy h1{\n    font-size:43px;\n  }\n\n  .medino-cart-hero-copy p{\n    font-size:7px;\n    letter-spacing:.20em;\n  }\n\n  .medino-category-grid{\n    grid-template-columns:1fr;\n  }\n\n  .medino-reco-grid{\n    grid-template-columns:1fr;\n  }\n\n  .medino-reco-card{\n    border-right:0;\n    border-bottom:1px solid var(--line);\n    padding-bottom:20px;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  \"use strict\";\n\n  const API = \"\/wp-json\/wc\/store\/v1\/cart\";\n  const PRODUCTS_API = \"\/wp-json\/wc\/store\/v1\/products?per_page=4\";\n  const CATEGORIES_API = \"\/wp-json\/wc\/store\/v1\/products\/categories?per_page=100\";\n\n  const productsEl = document.getElementById(\"medino-cart-products\");\n  const layoutEl = document.querySelector(\".medino-cart-layout\");\n  const valuesEl = document.querySelector(\".medino-values\");\n  const emptyEl = document.getElementById(\"medino-empty-cart\");\n  const recoEl = document.getElementById(\"medino-recommendations\");\n  const recoGrid = document.getElementById(\"medino-reco-grid\");\n  const subtotalEl = document.getElementById(\"medino-subtotal\");\n  const shippingEl = document.getElementById(\"medino-shipping\");\n  const totalEl = document.getElementById(\"medino-total\");\n  const itemCountEl = document.getElementById(\"medino-item-count\");\n\n  function esc(v){\n    return String(v ?? \"\")\n      .replace(\/&\/g,\"&amp;\")\n      .replace(\/<\/g,\"&lt;\")\n      .replace(\/>\/g,\"&gt;\")\n      .replace(\/\"\/g,\"&quot;\")\n      .replace(\/'\/g,\"&#039;\");\n  }\n\n  function money(value, source){\n    const n = Number(value || 0);\n    const decimals = source && typeof source.minorUnit === \"number\" ? source.minorUnit : 2;\n    return (n \/ Math.pow(10,decimals)).toLocaleString(\"hr-HR\",{\n      minimumFractionDigits:decimals,\n      maximumFractionDigits:decimals\n    }) + \" \u20ac\";\n  }\n\n  let medinoNonce = \"\";\n  let medinoCartToken = \"\";\n\n  async function getCart(){\n    const r = await fetch(API,{\n      credentials:\"same-origin\",\n      headers:{\"Accept\":\"application\/json\"}\n    });\n\n    if(!r.ok) throw new Error(\"Cart error\");\n\n    medinoNonce =\n      r.headers.get(\"Nonce\") ||\n      r.headers.get(\"X-WC-Store-API-Nonce\") ||\n      medinoNonce;\n\n    medinoCartToken =\n      r.headers.get(\"Cart-Token\") ||\n      medinoCartToken;\n\n    return r.json();\n  }\n\n  function imageFor(item){\n    return item.images?.[0]?.thumbnail || item.images?.[0]?.src || \"\";\n  }\n\n  function metaFor(item){\n    if(!item.variation?.length) return \"\";\n    return item.variation.map(v => {\n      const a = v.attribute || v.name || \"\";\n      const val = v.value || \"\";\n      return a && val ? `${esc(a)}: ${esc(val)}` : \"\";\n    }).filter(Boolean).join(\" \u00b7 \");\n  }\n\n  function renderCart(cart){\n    const items = cart.items || [];\n\n    if(!items.length){\n      productsEl.innerHTML = \"\";\n      layoutEl.style.display = \"\";\n      valuesEl.style.display = \"\";\n      emptyEl.style.display = \"block\";\n\n      subtotalEl.textContent = \"0,00 \u20ac\";\n      shippingEl.textContent = \"\u2014\";\n      totalEl.textContent = \"0,00 \u20ac\";\n      itemCountEl.textContent = \"(0 proizvoda)\";\n      return;\n    }\n\n    layoutEl.style.display = \"\";\n    valuesEl.style.display = \"\";\n    emptyEl.style.display = \"none\";\n\n    itemCountEl.textContent = `(${items.reduce((sum,i)=>sum+Number(i.quantity||0),0)} proizvoda)`;\n\n    productsEl.innerHTML = items.map(item => `\n      <article class=\"medino-cart-item\" data-key=\"${esc(item.key)}\">\n        <div class=\"medino-cart-product\">\n          ${imageFor(item)\n            ? `<img decoding=\"async\" class=\"medino-cart-product-image\" src=\"${esc(imageFor(item))}\" alt=\"${esc(item.name)}\">`\n            : `<div class=\"medino-cart-product-image\"><\/div>`}\n          <div class=\"medino-cart-product-info\">\n            <h3 class=\"medino-cart-product-name\">${esc(item.name)}<\/h3>\n            ${metaFor(item) ? `<p class=\"medino-cart-product-meta\">${metaFor(item)}<\/p>` : \"\"}\n            <button class=\"medino-cart-remove\" data-action=\"remove\" data-key=\"${esc(item.key)}\">Ukloni<\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"medino-qty\">\n          <button data-action=\"minus\" data-key=\"${esc(item.key)}\">\u2212<\/button>\n          <span>${Number(item.quantity||1)}<\/span>\n          <button data-action=\"plus\" data-key=\"${esc(item.key)}\">+<\/button>\n        <\/div>\n\n        <div class=\"medino-cart-price\">${money(item.prices?.price,item.prices)}<\/div>\n        <div class=\"medino-cart-total\">${money(item.totals?.line_total,cart.totals)}<\/div>\n      <\/article>\n    `).join(\"\");\n\n    subtotalEl.textContent = money(cart.totals?.total_items,cart.totals);\n    totalEl.textContent = money(cart.totals?.total_price,cart.totals);\n    shippingEl.textContent = cart.totals?.total_shipping\n      ? money(cart.totals.total_shipping,cart.totals)\n      : \"4,90 \u20ac\";\n  }\n\n  async function mutate(url,body){\n    const headers = {\n      \"Content-Type\":\"application\/json\",\n      \"Accept\":\"application\/json\"\n    };\n\n    if(medinoNonce){\n      headers[\"Nonce\"] = medinoNonce;\n    }\n\n    if(medinoCartToken){\n      headers[\"Cart-Token\"] = medinoCartToken;\n    }\n\n    const r = await fetch(API+url,{\n      method:\"POST\",\n      credentials:\"same-origin\",\n      headers,\n      body:JSON.stringify(body)\n    });\n\n    if(!r.ok){\n      const errorText = await r.text().catch(()=>\"\");\n      console.error(\"MEDINO cart update error:\", r.status, errorText);\n      throw new Error(\"Cart update error\");\n    }\n\n    medinoNonce =\n      r.headers.get(\"Nonce\") ||\n      r.headers.get(\"X-WC-Store-API-Nonce\") ||\n      medinoNonce;\n\n    medinoCartToken =\n      r.headers.get(\"Cart-Token\") ||\n      medinoCartToken;\n\n    return r.json();\n  }\n\n  productsEl.addEventListener(\"click\",async e=>{\n    const b=e.target.closest(\"[data-action]\");\n    if(!b) return;\n\n    const item=b.closest(\".medino-cart-item\");\n    const key=b.dataset.key;\n    const qty=Number(item.querySelector(\".medino-qty span\").textContent);\n\n    b.disabled=true;\n\n    try{\n      let cart;\n      if(b.dataset.action===\"plus\") cart=await mutate(\"\/update-item\",{key,quantity:qty+1});\n      if(b.dataset.action===\"minus\") cart=await mutate(\"\/update-item\",{key,quantity:Math.max(0,qty-1)});\n      if(b.dataset.action===\"remove\") cart=await mutate(\"\/remove-item\",{key});\n      renderCart(cart);\n      requestAnimationFrame(syncCartHeroHeight);\n      window.dispatchEvent(new CustomEvent(\"medino-cart-updated\"));\n    }catch(err){\n      console.error(err);\n    }finally{\n      b.disabled=false;\n    }\n  });\n\n  async function loadCategoryImages(){\n    try{\n      const r=await fetch(CATEGORIES_API,{credentials:\"same-origin\"});\n      if(!r.ok) return;\n      const categories=await r.json();\n      const cards=[...document.querySelectorAll(\".medino-category-card[data-medino-category]\")];\n\n      for(const card of cards){\n        const slug=card.dataset.medinoCategory;\n        const root=categories.find(c=>c.slug===slug);\n        if(!root) continue;\n\n        const ids=new Set([Number(root.id)]);\n        let changed=true;\n        while(changed){\n          changed=false;\n          categories.forEach(c=>{\n            if(ids.has(Number(c.parent)) && !ids.has(Number(c.id))){\n              ids.add(Number(c.id));\n              changed=true;\n            }\n          });\n        }\n\n        const products=[];\n        for(const id of ids){\n          const pr=await fetch(`\/wp-json\/wc\/store\/v1\/products?category=${id}&per_page=100`,{credentials:\"same-origin\"});\n          if(!pr.ok) continue;\n          const list=await pr.json();\n          list.forEach(p=>{\n            if(p.images?.[0]) products.push(p);\n          });\n        }\n\n        const unique=[...new Map(products.map(p=>[p.id,p])).values()];\n        if(!unique.length) continue;\n\n        const product=unique[Math.floor(Math.random()*unique.length)];\n        const image=card.querySelector(\".medino-category-image\");\n        if(image){\n          image.innerHTML=`<img decoding=\"async\" src=\"${esc(product.images[0].src)}\" alt=\"${esc(product.name)}\">`;\n        }\n      }\n    }catch(e){\n      console.error(\"MEDINO category images error:\",e);\n    }\n  }\n\n  async function loadRecommendations(){\n    try{\n      const r=await fetch(PRODUCTS_API,{credentials:\"same-origin\"});\n      if(!r.ok) return;\n      const products=await r.json();\n\n      recoGrid.innerHTML=products.map(p=>`\n        <article class=\"medino-reco-card\">\n          ${p.images?.[0]\n            ? `<img decoding=\"async\" class=\"medino-reco-image\" src=\"${esc(p.images[0].src)}\" alt=\"${esc(p.name)}\">`\n            : `<div class=\"medino-reco-image\"><\/div>`}\n          <h3>${esc(p.name)}<\/h3>\n          <p>${p.categories?.[0]?.name ? esc(p.categories[0].name) : \"MEDINO\"}<\/p>\n          <div class=\"medino-reco-bottom\">\n            <strong>${p.prices ? money(p.prices.price,p.prices) : \"\"}<\/strong>\n            <a class=\"medino-reco-cart\" href=\"${esc(p.permalink)}\">\u2667<\/a>\n          <\/div>\n        <\/article>\n      `).join(\"\");\n    }catch(e){}\n  }\n\n  function initShippingTooltip(){\n    const button = document.querySelector(\".medino-info\");\n    const tooltip = document.querySelector(\".medino-shipping-tooltip\");\n    if(!button || !tooltip || button.dataset.ready === \"1\") return;\n    button.dataset.ready = \"1\";\n    button.addEventListener(\"click\", function(e){\n      e.preventDefault();\n      e.stopPropagation();\n      const visible = tooltip.classList.toggle(\"is-visible\");\n      button.setAttribute(\"aria-expanded\", visible ? \"true\" : \"false\");\n    });\n    document.addEventListener(\"click\", function(e){\n      if(!tooltip.contains(e.target) && e.target !== button){\n        tooltip.classList.remove(\"is-visible\");\n        button.setAttribute(\"aria-expanded\", \"false\");\n      }\n    });\n  }\n\n  function syncCartHeroHeight(){\n    const hero = document.querySelector(\".medino-cart-hero\");\n    const layout = document.querySelector(\".medino-cart-layout\");\n    if(!hero || !layout) return;\n\n    const baseHeight = window.innerWidth <= 760 ? 520 : 620;\n    const neededHeight = layout.offsetTop + layout.offsetHeight;\n    const finalHeight = Math.max(baseHeight, neededHeight);\n\n    hero.style.setProperty(\"height\", finalHeight + \"px\", \"important\");\n    hero.style.setProperty(\"min-height\", finalHeight + \"px\", \"important\");\n  }\n\n  async function init(){\n    try{\n      renderCart(await getCart());\n      requestAnimationFrame(syncCartHeroHeight);\n      loadCategoryImages();\n      loadRecommendations();\n    }catch(e){\n      productsEl.innerHTML=\"\";\n      layoutEl.style.display=\"\";\n      valuesEl.style.display=\"\";\n      emptyEl.style.display=\"block\";\n      subtotalEl.textContent=\"0,00 \u20ac\";\n      shippingEl.textContent=\"\u2014\";\n      totalEl.textContent=\"0,00 \u20ac\";\n      itemCountEl.textContent=\"(0 proizvoda)\";\n    }\n  }\n\n  function revealCartWhenLayoutIsReady(){\n    const page = document.getElementById(\"medino-cart-page\");\n    if(!page) return;\n\n    const start = performance.now();\n    let lastWidth = 0;\n    let stableFrames = 0;\n\n    function check(){\n      const width = page.getBoundingClientRect().width;\n      const viewport = window.innerWidth || document.documentElement.clientWidth;\n      const target = viewport <= 760 ? viewport * 0.90 : viewport * 0.85;\n\n      if(Math.abs(width-lastWidth) < 2 &#038;&#038; width >= target){\n        stableFrames++;\n      }else{\n        stableFrames=0;\n      }\n      lastWidth=width;\n\n      if(stableFrames >= 2 || performance.now()-start > 1800){\n        page.classList.remove(\"medino-cart-preload\");\n        page.classList.add(\"medino-cart-ready\");\n        return;\n      }\n      requestAnimationFrame(check);\n    }\n    requestAnimationFrame(check);\n  }\n\n  initShippingTooltip();\n  window.addEventListener(\"resize\", syncCartHeroHeight);\n  window.addEventListener(\"load\", revealCartWhenLayoutIsReady);\n  setTimeout(revealCartWhenLayoutIsReady, 300);\n  init();\n})();\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/medino.hr\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medino.hr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medino.hr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medino.hr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/medino.hr\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":30,"href":"https:\/\/medino.hr\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":3052,"href":"https:\/\/medino.hr\/wp-json\/wp\/v2\/pages\/7\/revisions\/3052"}],"wp:attachment":[{"href":"https:\/\/medino.hr\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}