/* Avalon: završna dorada headera, tipografije i menija. Učitava se poslije postojećih stilova. */
.header .header-main{gap:32px;min-height:100px}.header .logo{width:246px;flex:0 0 246px;letter-spacing:normal}.header .avalon-logo-image{width:246px;max-width:100%;height:auto;display:block;object-fit:contain}.header .search{flex:1 1 500px;max-width:620px;margin-left:auto;border-radius:11px;padding:5px 6px 5px 15px}.header .search input{font-size:15px;min-height:42px}.header .search>button{min-height:42px;font-size:14px;padding:10px 18px}.header .header-actions{margin-left:auto;gap:23px;flex-shrink:0}.header .icon-action small{font-size:13px;line-height:1.35}.header .nav .av-nav-link,.header .nav>a{font-size:15px!important;line-height:1.4;font-weight:600;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}.header .nav{gap:25px}.header .category-toggle{font-size:15px!important;line-height:1.4;min-height:48px}.category-sidebar .category-item,#mega-menu .category-item{font-size:15px;line-height:1.4}.category-sidebar .category-name,#mega-menu .category-name{font-size:15px}.category-sidebar .sidebar-heading{font-size:14px;letter-spacing:.02em}
/* Forma prijave ostaje postojeća; ikonica je dekorativna, naziv veze ostaje čitljiv. */
.header .avc-header-account .avc-account-login{display:inline-flex!important;align-items:center;justify-content:center;flex-direction:row;gap:10px;min-height:44px;padding:10px 15px;border:1px solid #ffffff32;border-radius:11px;background:#ffffff07;color:#fff;font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap;text-decoration:none}.header .avc-account-login:before{content:'';width:22px;height:22px;flex-shrink:0;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M4.5 21v-2a7.5 7.5 0 0 1 15 0v2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M4.5 21v-2a7.5 7.5 0 0 1 15 0v2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}.header .avc-account-login:hover{border-color:#ffffff75;background:#ffffff12}.header .avc-account-menu summary{min-height:44px;border:1px solid #ffffff24;border-radius:11px;padding:7px 11px;font-size:14px}.avc-account-dropdown a,.avc-account-dropdown button{min-height:44px;font-size:14px}.header .avc-header-account a:focus-visible,.header .avc-header-account summary:focus-visible,.header .nav a:focus-visible{outline:2px solid #fff;outline-offset:4px}
/* Isti crtež korpe na karticama, detalju i sticky kupovini. */
.av-cart-icon{display:inline-block;vertical-align:middle;flex-shrink:0;width:23px;height:23px;pointer-events:none}.add-cart{min-width:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center}.pdp-cart-button,.pdp-sticky-buy [data-add]{display:inline-flex;align-items:center;justify-content:center;gap:11px}.product .product-title{font-size:15px;line-height:1.5;min-height:45px}.product .product-brand{font-size:12px;line-height:1.5}.product .spec-toggle{font-size:13px;min-height:36px}.product .old-price,.product .installments{font-size:12px}.category-db-tiles strong,.category-tile strong{font-size:14px;line-height:1.45}.section-head>a{font-size:14px}.section h2{line-height:1.2;letter-spacing:-.025em}
/* Slika zauzima zasebnu desnu kolonu; naslovi i podkategorije ostaju lijevo. */
#mega-menu .mega-detail{padding:24px!important;min-width:0}#mega-menu .mega-top{margin-bottom:17px!important;gap:14px;align-items:center}#mega-menu .mega-top h2{font-size:24px!important;line-height:1.25;margin:0!important}#mega-menu .menu-db-columns{column-count:3;column-gap:26px;margin:0;min-width:0}#mega-menu .menu-db-group{break-inside:avoid;margin:0 0 20px}#mega-menu .menu-db-group h3{font-size:16px!important;line-height:1.45;margin:0 0 6px!important}#mega-menu .menu-db-link{font-size:14px!important;line-height:1.5;padding:4px 0!important}#mega-menu .menu-db-group li{line-height:1.5;margin:0!important}#mega-menu .menu-db-group ul{margin-top:3px!important}
#mega-menu .mega-detail:has(>.menu-db-banner),#mega-menu .mega-detail.av-menu-with-image{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,23%);grid-template-rows:auto 1fr;column-gap:25px;align-items:start}#mega-menu .av-menu-with-image>.mega-top,#mega-menu .mega-detail:has(>.menu-db-banner)>.mega-top{grid-column:1/-1}#mega-menu .av-menu-with-image>.menu-db-columns,#mega-menu .mega-detail:has(>.menu-db-banner)>.menu-db-columns{grid-column:1;grid-row:2;column-count:2}#mega-menu .menu-db-banner{grid-column:2;grid-row:2;align-self:start;width:100%;margin:0!important;max-height:none!important;border-radius:12px;overflow:hidden;background:#f6f6f7}#mega-menu .menu-db-banner img{display:block;width:100%;height:auto;max-height:340px!important;object-fit:contain!important}
.av-home-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:26px 0;border-bottom:1px solid #e6e7eb;margin-top:0}.av-home-benefits>a{display:flex;align-items:center;gap:13px;padding:8px 22px;border-right:1px solid #e6e7eb;color:#202128;text-decoration:none;min-width:0}.av-home-benefits>a:first-child{padding-left:0}.av-home-benefits>a:last-child{border-right:0}.av-home-benefits svg{width:28px;height:28px;flex-shrink:0;color:#c91e30}.av-home-benefits strong{display:block;font-size:15px;line-height:1.4;font-weight:700}.av-home-benefits small{display:block;font-size:13px;line-height:1.5;color:#6a6d77;margin-top:3px}.av-home-benefits>a:hover strong{color:#c91e30}.av-home-benefits a:focus-visible{outline:2px solid #c91e30;outline-offset:3px;border-radius:6px}
@media(min-width:1600px){#mega-menu .av-menu-with-image>.menu-db-columns{column-count:3}}
@media(min-width:701px) and (max-width:1200px){.header .header-main{gap:22px}.header .logo{width:218px;flex-basis:218px}.header .avalon-logo-image{width:218px}.header .search{max-width:520px;flex-basis:350px}.header .header-actions{gap:15px}.header .nav{gap:19px;overflow-x:auto;scrollbar-width:thin}.header .nav .av-nav-link,.header .nav>a{font-size:14px!important}.header .avc-account-login{padding:9px 11px}.header .category-toggle{flex-shrink:0}#mega-menu .menu-db-columns{column-count:2}#mega-menu .mega-detail:has(>.menu-db-banner),#mega-menu .mega-detail.av-menu-with-image{grid-template-columns:minmax(0,1fr) 150px;column-gap:18px}#mega-menu .menu-db-group h3{font-size:15px!important}.av-home-benefits>a{padding-inline:13px}.av-home-benefits strong{font-size:14px}}
@media(max-width:700px){.header .header-main{grid-template-columns:34px minmax(0,1fr) auto;gap:13px 10px;min-height:0;padding-top:16px;padding-bottom:13px}.header .logo{width:auto;max-width:180px;flex-basis:auto}.header .avalon-logo-image{width:180px;max-width:100%}.header .header-actions{gap:10px;margin-left:0}.header .search{grid-column:1/-1;grid-row:2;width:100%;max-width:none;min-width:0;margin-left:0;padding:4px 5px 4px 10px}.header .search input{font-size:16px;min-height:38px;padding:8px}.header .search>button{font-size:13px;min-height:38px;padding:8px 12px}.header .avc-header-account .avc-account-login{font-size:0;gap:0;width:40px;min-height:40px;padding:8px;border-radius:10px}.header .avc-account-login:before{width:22px;height:22px}.header .avc-account-menu summary{font-size:0;gap:2px;min-height:40px;padding:4px}.header .avc-account-menu summary:after{font-size:12px}.header .cart-action .icon{width:23px;height:23px}.header .cart-action small{font-size:12px}.header .nav{gap:22px;min-height:44px;overflow-x:auto;padding-bottom:7px}.header .nav .av-nav-link,.header .nav>a{font-size:14px!important;min-height:38px}.header .nav .category-toggle{display:none}.product .product-title{font-size:14px;min-height:63px}.product .product-brand{font-size:12px}.product .spec-toggle{font-size:12px}.product .old-price,.product .installments{font-size:12px}.add-cart{min-width:40px;min-height:40px}.category-db-tiles strong,.category-tile strong{font-size:13px}.section-head>a{font-size:13px}#mobile-menu .menu-db-group h3{font-size:16px!important}#mobile-menu .menu-db-link{font-size:15px!important;line-height:1.6;padding:7px 0!important}#mobile-menu .menu-db-banner{max-width:280px;margin:18px auto!important}#mobile-menu .menu-db-banner img{max-height:230px;object-fit:contain}.av-home-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 14px;padding:23px 0}.av-home-benefits>a,.av-home-benefits>a:first-child{padding:0;border:0;gap:9px}.av-home-benefits svg{width:24px;height:24px}.av-home-benefits strong{font-size:13px}.av-home-benefits small{font-size:12px}}
@media(max-width:370px){.header .header-main{grid-template-columns:30px minmax(0,1fr) auto;gap:12px 7px}.header .header-actions{gap:7px}.header .avalon-logo-image{width:156px}.av-home-benefits{column-gap:10px}.av-home-benefits small{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.header .avc-account-login,.av-home-benefits a{transition:background .18s,border-color .18s,color .18s}.av-home-benefits a:hover svg{transform:translateY(-2px);transition:transform .18s}}

.product .badge{font-size:11px;line-height:1.35}.section .eyebrow{font-size:12px;line-height:1.5}.tabs button{font-size:14px;min-height:40px}@media(max-width:700px){.tabs button{font-size:13px}.hero .eyebrow{font-size:11px}}

/* V1.1: pretraga popunjava raspoloživi prostor; korisnički link bez okvira. */
body .header .header-main>.search{flex:1 1 0;max-width:none;width:auto;min-width:0;margin-left:0;margin-right:0}
body .header .avc-header-account .avc-account-login{display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:66px;width:auto;min-height:52px;padding:0 4px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;font-size:12px;line-height:1.25;font-weight:500;color:#f5f5f7}
body .header .avc-header-account .avc-account-login:before{width:23px;height:23px}
body .header .avc-header-account .avc-account-login:hover{border:0!important;background:transparent!important;color:#fff;box-shadow:none!important}
body .header .avc-account-menu summary{border:0;background:transparent}
body .header .cart-action small{display:block}
/* Mega meni je premješten u body, zato treba podići i roditeljski sloj headera. */
body>.header{z-index:80;overflow:visible}
body .header .header-main{position:relative;z-index:60!important;overflow:visible!important}
body .header>.nav{position:relative;z-index:40!important}
body .header .header-main>.search{position:relative;z-index:5;overflow:visible}
body .header .search #search-results,body .header .search .search-results{z-index:100!important;max-height:min(480px,60vh);overscroll-behavior:contain}
@media(max-width:700px){body .header .header-main>.search{grid-column:1/-1;grid-row:2;width:100%;max-width:none;margin:0}body .header .avc-header-account .avc-account-login{font-size:11px;min-width:58px;min-height:46px;gap:4px;padding:0 2px}body .header .avc-header-account .avc-account-login:before{width:22px;height:22px}body .header .header-actions{gap:9px}body .header .search #search-results,body .header .search .search-results{max-height:min(460px,55vh)}}
