:root{--font-family-body: "Poppins", "Helvetica", "Arial", "sans-serif";--font-family-label: "Poppins", "Helvetica", "Arial", "sans-serif";--font-family-semi: "Poppins", "Helvetica", "Arial", "sans-serif";--font-family-title: "Poppins", "Helvetica", "Arial", "sans-serif";--ax-form-bi-width: 1px;--ax-form-btn-width: 1px;}@media (max-width: 767px){#box-product-grid .archive-wrapper-items{margin-left: calc(-10px/2);margin-right: calc(-10px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(10px/2);padding-right: calc(10px/2);margin-bottom: 10px;}}@media (min-width: 768px) and (max-width: 1024px){#box-product-grid .archive-wrapper-items{margin-left: calc(-20px/2);margin-right: calc(-20px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(20px/2);padding-right: calc(20px/2);margin-bottom: 20px;}}@media (min-width: 1025px) and (max-width: 1199px){#box-product-grid .archive-wrapper-items{margin-left: calc(-30px/2);margin-right: calc(-30px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(30px/2);padding-right: calc(30px/2);margin-bottom: 30px;}}@media (min-width: 1200px){#box-product-grid .archive-wrapper-items{margin-left: calc(-30px/2);margin-right: calc(-30px/2);}#box-product-grid .archive-wrapper-items > .item{padding-left: calc(30px/2);padding-right: calc(30px/2);margin-bottom: 30px;}}@media (max-width: 767px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/2); flex: 0 0 calc(100%/2); max-width: calc(100%/2);}}@media (min-width: 768px) and (max-width: 1024px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/2); flex: 0 0 calc(100%/2); max-width: calc(100%/2);}}@media (min-width: 1025px) and (max-width: 1199px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/3); flex: 0 0 calc(100%/3); max-width: calc(100%/3);}}@media (min-width: 1200px){#box-product-grid .archive-wrapper-items > .item{-ms-flex: 0 0 calc(100%/3); flex: 0 0 calc(100%/3); max-width: calc(100%/3);}}header.is-sticked.is-scroll-up #header-sticky, header.is-sticked.is-scroll-down #header-sticky{-webkit-transform: none; transform: none; visibility: visible; opacity: 1; pointer-events: all;}.wc-tabs-wrapper .accordion-title.active_accordion { color: #000000; } /* Default: sakrij DETALJI tab */ .wc-tabs-wrapper a.accordion-title[href="#product-details-tab-content"], #product-details-tab-content { display: none; } /* HIDE OPIS*/ body#product .wc-tabs-wrapper a.accordion-title[href="#description"] { display: none !important; } /* HIDE SKU */ .product_meta .sku_wrapper { display: none !important; } /* GiftOfWoods FAQ - Premium accordion */ .gw-faq{ max-width: 900px; margin: 0 auto; } .gw-faq h2{ margin: 0 0 18px; letter-spacing: .2px; } .gw-faq-item{ border-bottom: 1px solid #e7e7e7; padding: 14px 0; } .gw-faq-question{ width: 100%; background: transparent; border: 0; padding: 0; cursor: pointer; display: flex; justify-content: space-between; align-items: center; text-align: left; font-weight: 600; color: #2f2f2f; font-size: 15px; } .gw-faq-question:focus{ outline: none; } .gw-faq-question:focus-visible{ outline: 2px solid rgba(0,0,0,0.18); outline-offset: 4px; border-radius: 6px; } .gw-faq-icon{ font-size: 22px; line-height: 1; transform-origin: center; transition: transform .25s ease; color: #2f2f2f; } /* Smooth open/close */ .gw-faq-answer{ overflow: hidden; max-height: 0; transition: max-height .28s ease; color: #5a5a5a; } .gw-faq-answer p{ margin: 10px 0 0; font-size: 14px; line-height: 1.75; } /* Open state */ .gw-faq-item.is-open .gw-faq-icon{ transform: rotate(45deg); } /* GRID za "Zašto je ova puzla posebna?" */ .gw-features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-bottom: 40px; } /* Kartice */ .gw-feature-box { text-align: center; padding: 20px; border: 1px solid #eee; } .gw-feature-box p { font-size: 14px; margin: 8px 0 0; color: #555; } /* MOBILE */ @media (max-width: 768px) { .gw-features-grid { grid-template-columns: 1fr; } } .gw-feature-box { transition: all 0.2s ease; } .gw-feature-box:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,0.06); } .gw-features-grid .gw-feature-box strong { font-size: 18px; line-height: 1.4; } .gw-features-grid .gw-feature-box p { font-size: 15px; line-height: 1.65; } /* -------------------DODATNE IKONICE------------------------------*/ .gw-tech-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:22px; margin:0 0 40px; } .gw-tech-item{ background:#f8f8f8; border-radius:16px; padding:22px 12px; text-align:center; } .gw-tech-icon{ width:40px; height:40px; margin:0 auto 10px; background-repeat:no-repeat; background-position:center; background-size:34px 34px; /* malo veće da bude kao reference */ } /* Broj delova*/ .gw-i-puzzle{ background-image:url("/themes/akira/assets/img/gw-icons/puzzle.svg"); } /* Uzrast */ .gw-i-user{ background-image:url("/themes/akira/assets/img/gw-icons/user-age.svg"); } /* Nivo slaganja */ .gw-i-level{ background-image:url("/themes/akira/assets/img/gw-icons/level.svg"); } /* Dimenzije */ .gw-i-dims{ background-image:url("/themes/akira/assets/img/gw-icons/dimension.svg"); } .gw-tech-value{ font-size:20px; font-weight:700; color:#1f1f1f; margin-bottom:4px; } .gw-tech-label{ font-size:13px; color:#777; } /* responsive */ @media (max-width: 768px){ .gw-tech-grid{ grid-template-columns:repeat(2, 1fr); } } /* ------------------- KRAJ DODATNE IKONICE------------------------------*/ /* ------------------------------------Read more UX--------------------------- */ .gw-readmore-preview{ display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; } .gw-readmore-more{ display:none; } .gw-readmore-wrap[data-collapsed="0"] .gw-readmore-preview{ display:block; } .gw-readmore-wrap[data-collapsed="0"] .gw-readmore-more{ display:block; } /* READ MORE – minimalist hover */ .gw-readmore-btn{ display:block; margin:16px auto 0; padding:10px 18px; border-radius:14px; border:1px solid #ddd; background:#fff; color:#222; font-weight:600; cursor:pointer; text-align:center; transition:background-color .2s ease, border-color .2s ease, color .2s ease; } .gw-readmore-btn:hover{ background:#f2f2f2; /* svetlo siva */ border-color:#cfcfcf; /* blago tamniji border */ color:#000; } /* helpers */ .gw-center{ text-align:center; } .gw-hero-image{ text-align:center; margin:25px 0 35px; } /* ------------------------------------ END Read more UX--------------------------- */ /* ------------------------------------ Benefiti pocetna--------------------------- */ /* ------------------------------------END Benefiti pocetna--------------------------- */