/* ANB Lab: last two visual fixes — 27 October 2026.
   Only desktop registration footer and mobile product photos.
   Other desktop layouts, category tiles, search, and checkout stay untouched. */

/* Account register: a readable consent row and one centred action, rather
   than a tiny checkbox + button squeezed into the bottom right. */
@media (min-width:768px) {
 body.anblab-theme #account-register #content form.form-horizontal > .buttons {
   box-sizing:border-box!important;
   padding:20px 18px 16px!important;
   margin:18px 0 0!important;
   border-top:1px solid #e3ecf7!important;
   background:#fff!important;
 }
 body.anblab-theme #account-register #content form.form-horizontal > .buttons > .pull-right {
   box-sizing:border-box!important;
   float:none!important;
   display:block!important;
   width:100%!important;
   text-align:center!important;
   line-height:1.8!important;
   overflow-wrap:break-word!important;
 }
 body.anblab-theme #account-register #content form.form-horizontal > .buttons input[type=checkbox] {
   display:inline-block!important;
   position:static!important;
   vertical-align:middle!important;
   margin:0 5px!important;
   width:17px!important;height:17px!important;
   accent-color:#1757b4;
 }
 body.anblab-theme #account-register #content form.form-horizontal > .buttons input[type=submit],
 body.anblab-theme #account-register #content form.form-horizontal > .buttons button[type=submit] {
   display:block!important;
   width:min(260px,100%)!important;
   min-height:44px!important;
   float:none!important;
   margin:15px auto 0!important;
   padding:10px 22px!important;
   border-radius:12px!important;
   background:#195bb8!important;color:#fff!important;
   border:1px solid #195bb8!important;
   font-size:13px!important;font-weight:750!important;
   line-height:1.35!important;
   box-shadow:0 6px 16px rgba(25,91,184,.14)!important;
 }
}

/* Mobile: old stylesheet added 8px internal white padding to the link and
   rounded only the image. It produced a square-looking translucent frame.
   The image itself must occupy the whole square, clipped at ALL four corners. */
@media (max-width:767px) {
 body.anblab-theme #product-category.anb-category-page .anb-catalog-products .product-thumb > .image {
   padding:0!important;
   background:#fff!important;
   overflow:hidden!important;
   border-radius:18px!important;
 }
 body.anblab-theme #product-category.anb-category-page .anb-catalog-products .product-thumb > .image > a {
   box-sizing:border-box!important;
   display:block!important;
   width:100%!important;
   padding:0!important;
   margin:0!important;
   background:#fff!important;
   border:0!important;
   aspect-ratio:1/1!important;
   border-radius:18px!important;
   overflow:hidden!important;
 }
 body.anblab-theme #product-category.anb-category-page .anb-catalog-products .product-thumb > .image > a > img.anb-photo-soft-corners {
   display:block!important;
   width:100%!important;height:100%!important;
   min-width:0!important;max-width:100%!important;max-height:100%!important;
   margin:0!important;padding:0!important;
   object-fit:contain!important;
   background:transparent!important;
   border:0!important;box-shadow:none!important;
   border-radius:18px!important;
   -webkit-clip-path:inset(0 round 18px)!important;
   clip-path:inset(0 round 18px)!important;
   /* Remove older WebKit mask, which produced a pale fringe on iOS. */
   -webkit-mask-image:none!important;
   mask-image:none!important;
 }
 /* Full-size gallery picture: eliminate padded white thumbnail-like frame;
    keep the source image and OpenCart lightbox link unchanged. */
 body.anblab-theme #product-product.anb-product-page .anb-product-gallery .anb-gallery-shell > .anb-gallery-main > a.thumbnail {
   box-sizing:border-box!important;
   padding:0!important;
   margin:0!important;
   border-radius:20px!important;
   overflow:hidden!important;
   background:#fff!important;
 }
 body.anblab-theme #product-product.anb-product-page .anb-product-gallery .anb-gallery-shell > .anb-gallery-main > a.thumbnail > img.anb-photo-soft-corners {
   display:block!important;
   width:100%!important;height:100%!important;
   max-width:100%!important;max-height:100%!important;
   margin:0!important;padding:0!important;
   border:0!important;box-shadow:none!important;
   object-fit:contain!important;
   border-radius:20px!important;
   -webkit-clip-path:inset(0 round 20px)!important;
   clip-path:inset(0 round 20px)!important;
   -webkit-mask-image:none!important;
   mask-image:none!important;
 }
}